样式 大小 width:600px宽度 height:600px高度 背景(background) background-color:颜色 背景颜色 background-image:图片地址 背景图片 background-repeat:no-repeat 背景图片平铺方式 background-position :right bottom 背景图片位置 background-size:200px 200px 背景图大小 文字(font) font-family:字体 选择字体 font-size:12/14/16px 字体大小,网页字体常用大小分为12px、14px、16px font-style:italic 相当于<i>字体倾斜 font-weight:bold 相当于<b>字体加粗 color:颜色 选择字体的颜色 text-decoration:underline下划线 overline上划线 line-through删除划线 none没有划线,用来去掉超链接的下划线 对齐方式 text-align:center 横向 vertical-align:bottom 垂直(与行高同用) line-height: 300px 行高 text-indent: 缩进单位像素 边距/间距 margin 外边距 顺时针设置 padding 内边距 顺时针设置,内边距设置后对应元素会相应的变大 <a>/<span>标签的字体大小默认无法改变 margin:0xp auto;padding:0px 可以把每个元素之间的间距、边距都去掉 增加auto可以使所有div都居中 位置 position position:absolute 绝对位置(相对于浏览器或者是父级,如果是父级那么父级也要是绝对定位) position:fixed 相对于浏览器边框位置固定 position:relative 相对于自身应该出现的位置移动 设置绝对位置后可以直接使用top/right/bottom/left 流 float-right 从右往左 float-left 从左往右 style=“clear:both” 清流 display:inline-block 用于显示超链接spa z-index:100 分层 值越大越靠上 显示和隐藏 display/visibility/overflow display:显示block 隐藏none不占位置,隐藏后所站位置消失 visibility:显示visible 隐藏hidding占位置,只是隐藏内容,原本内容的位置还在 overflow:超出的范围隐藏 透明:opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50) 圆角:border-radius:5px; 阴影:box-shadow:0 0 5px white;