CSS分类
内联:直接写在标签里面,用style=“样式”,控制最精确
内嵌:写在<head></head>里面,用<style type =”text/css”> </style>
外部:引用<link herf =”路径” rel=”stylesheet” type=”text/css”/>
准确性排序:内联>内嵌>外部
CSS选择器:
Class:用.(点)来引用,根据class来找元素,可以控制多个元素,有重复的名字。
Id:用#来引用,根据id名来找元素,一次只能控制一个,不能有重复的名字
复合:(,)逗号:并列 同时控制 例如:div,span
( )空格,后代控制 例如:#div li 受控制的是li
Class的就用 #div.li
CSS样式
背景:
background-color背景色
background-image:背景图片
background-repeat:背景的平铺方式
background-size:背景尺寸
backgroud-position:背景位置
字体:
font-family:字体样式
font-size:字体大小 12px 14px
font-style:ittalic 字体倾斜 italic倾斜
font-weight:粗细
Text-decoration:文字线
color:字体颜色
文字对齐方式:调整文字样式
text-align:水平对齐
line-height:行高
vertical-align:垂直对齐,配合行高使用
text-indent:缩进,单位像素
边界边框:调整内边距外边距
margin:外边距,上右下左
Padding:内边距,上右下左,如果增加了内边距,相应的要减少一下。例如设置div总高150px,要增加20px的拒顶距离,那div的高应该设置130px,内边距20px。
列表方块:<ol></ol>,<ul></ul> 有序和无序
list-style:none:将列表前面的序号去掉
list-style:image 可以将掐妈妈的序号变成图片
布局:
position:fixed :固定定位,相当于游览器的边框定位,不管游览器怎么拖动,都在那个位置
Position:absolute :绝对定位,相当于父级元素
Position:relative:相对定位,相对于自身改出现的位置
流布局:float:left向左流,float:right向右流
Clear清除流
Clear:both清除所有的流
Clear:left 清除左边的流
Clear:right 清除右边的流
z-index:分层,直接设置数值,数值越大越在前面