• 当前标签:css

让盒子在网页中居中的方法

让已知宽度和高度的盒子居中的两种方法,通过绝对定位实现,会跟着浏览器窗口的缩放不断调整位置,一直居中 方法一:通过绝对定位,定位时上边距与左边距都给50%,在利用margin减去当前盒子的一半宽度与高度 .box{ position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; } 方法二:通过绝对定位给4个方向都为0;用margin自动,实现居中 .box { position: absolute; top: 0; right: 0; bottom: 0; left:

2016-05-10 11:14:321879216
阅读详情

vertical-align垂直对齐

定义和用法 vertical-align 属性设置元素的垂直对齐方式。下边为常用的几个属性: baseline默认值,元素放置在父元素的基线上 文字在父元素基线上     top,把元素的顶端与行中最高元素的顶端对齐 文字与图片顶端对齐     middle,把此元素放置在父元素的中部 文字与图片中间对齐     bottom,把元素的顶端与行中最低的元素的顶端对齐 文字与图片低端对齐

2016-03-27 00:53:444107
阅读详情

css:hover伪类

css :hover移动到某个元素上时触发,只用于元素本身或者元素的子元素,可以粗发一个动画、改变元素样式等,利用hover防蘑菇街二级菜单,详情见DEMO。 DEMO展示

2016-03-22 00:49:15141327
阅读详情

CSS基础属性

css伪类 锚伪类 a:link{color:#f00},未访问的链接   a:visited{color:#f00},已访问的链接 a:hover{color:#f00},鼠标移动到链接上 a:active{color:#f00},选定的链接 点我尝试一下  重点:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。  重点:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。 背景属性 background:  背景属性简写; background-attachment:  固定背景,不随其他元素滚动,{(

2016-03-20 23:23:0968701
阅读详情

CSS简介

CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 css引入方式 内嵌式:(写在标签里) <div style="width: 100px; height: 100px; background: #ccc;"></div> 内联式:(写在style标签里) body{ background: #000; } 外联式:(常用) <!--通过标签引入--> <link r

2016-03-12 22:18:2283502
阅读详情
  • 1
前往