样式表(选择器))(样式)

一。选择器(样式表用来选取元素的)

。标签:根据标签名选取元素

。class(.点)(根据class名来选取元素)

。id(#井号)(根据id名来筛选出唯一元素)

。复合:(逗号并列div,span)(空格后代#list li)(点筛选div·s)

二。样式

1.大小(width宽度)(height高度)

2.背景(background-color:背景颜色)(background-image:背景图片)(background-repeat:背景图的平铺方式)(background-position背景图片位置)(background-attachment:设置背景图片是否滚动)(background-size:背景图片的大小200px 200px)

3.文字(font-family:字体样式)(font-size:字体大小12px 14px)(font-style :italic倾斜)(font-weight :bold字体加粗)(text-decoration:underlin下划线 ,overlin上划线,line-through删除线,none没有,用来去掉超链接的下划线)(color字体颜色)

4.对齐方式(text-align水平对齐方式)(vertical-align垂直对齐方式,配合行高使用)(line-height行高)(text-indent缩进单位像素)

5.边界边框(margin:外边距上右下左)(padding:内边距上右下左:如果有了内边距,该元素也相应的变大)(border:1px solid #60简写方式   第一个边框粗细   第二个边框样式    第三个边框颜色)

6.列表方块(list-ltyle:none将列表的序号去掉)(list-style-image:可以将列表的序号改为图片)

7.格式与布局(position:fixed固定-相对于浏览器边框位置固定:absolute绝对位置-相对于负极元素(浏览器,绝对定位的上级):aelative相对位置-相对于自身应该出现的位置)(top:距离上面的距离)(right:距离右边的距离)(bottom:距离下面的距离)(left:距离左边的距离)

 8·流(float-left向左流   float-right向右流)(clear-both:清掉流)(z-index:值越大越靠上)

9.其他(display:显示block和隐藏none,不占位置)(visibisity:显示visible显示和隐藏hidden,不占位置)(overflow:超出范围,hidden隐藏)(透明:opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)(圆角:border-radius:5px)(阴影:box-shadow:0 0 5px white)

posted @ 2016-09-10 22:34  刘冉  阅读(186)  评论(0编辑  收藏  举报