1031

样式

大小
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;
原文地址:https://www.cnblogs.com/czx521/p/6017339.html