web前端基础篇⑧

1.伪类选择器 都以冒号开始。
：focus 焦点的地方加样式
：first－child 向元素的第一个子元素添加样式
锚伪类：
a:link {color:red} 未访问的链接
a:visited {color:yellow} 已访问的链接
a:hover {color:green} 将鼠标放在链接上
a:active {color:blue} 按住链接的时候
hover必须放在link和visited后，才有效。
active必须放在hover之后，才有效。
2.伪元素选择器 也以冒号开始。
：first－letter 向文本的第一个字母添加样式
：first－line 向文本的首行添加样式
3.css基础语法
多个声明用；隔开
每个声明由一个属性和一个值组成
属性和值用：隔开
声明用；结束
属性可简写
多个选择器用一个声明的话 用，隔开
每个选择器可用多条声明
不要在属性和单位之间留空格，否则可能读不出数据
4.权重值
一等：内联（内嵌） 如style 1000
二等：id 如＃content 0100＝
三等：class、伪类 如.content 0010
四等：元素、伪元素 如div p 0001
＊、子元素、相邻兄弟 无权值 0000
important本身没权重值，为0000，但是如果有它的存在，会使所有权重值失效，它变成最高。
5.background－color 背景颜色 background－image 背景图片 background－repeat 背景重复
background－size 背景图尺寸
6.rgb 三原色 （255，0，0）红色 （0，255，0）绿色 （0，0，255）蓝色 （255，255，255）白色 （0，0，0）黑色
7.line－height 垂直居中 text－align水平居中 letter-spacing每个字／字母的间距 text-indent缩进元素中文本的首行
text-decoration添加修饰（none无修饰 underline下划线 overline上划线 line-through贯穿线）
direction文本方向（ltr左到右 rtl右到左） word-spacingyou空的地方设间隔
text-transform字母大小写控制（capitalize首字母大写 uppercase全大写 lowercase全小写）
8.font－size字体大小 font－style italic斜体 font－weight bold加粗 bolder更粗
9.list－style－image前面符号变图片 list－style－image改变前面符号位置 list－style－type符号类型 建议简写
10.outline－color轮廓颜色 outline－style轮廓样式 dotted点状 dashed虚线 solid实线 double双线
outline－width轮廓粗细 thin细 medium中等 thick粗