css基础

一、 css的引入方式

1.头部引入

 

特点：

• 优点：1.速度快，无服务器请求压力； 2.相对于外部引入单页代码量少。

• 缺点：1.不易改版与维护； 2.代码较乱不易前后台沟通。

---

2.标签内引入

 

特点：

1.优先级最高； 2.冗余代码多，代码量大； 3.不利于维护。

---

3.外部引人

然后

 

特点：

• 优点：1.一个css文件可以控制多个页面； 2.易改版、便于维护； 3.减少代码量、代码简洁规范易于分工协作； 4.有效利用缓存机制。
• 缺点：1.相对单页有垃圾代码； 2.href属性会给服务器造成请求的压力。

---

 

二、选择器

1.id选择器：（#）
2.群组选择器：（逗号）
3.类选择器：（点号）
4.标签选择器
5.后代选择器（空格）

• 类名后跟标签名：.header  span{}

• ID名后跟标签名： #wrap  span{}

• ID名后跟类名： #wrap  .text{}

6.通配符（全局）选择器（星号）

7.组合选择器

 

---

三、a的伪类

• link——默认              a:link{color: black}

• hover——鼠标划过     a:visited{color: red}

• active——鼠标按下时  a:hover{font-size: 30px}

• visited——点击过后 　a:active{color: green}