关于CSS的基本概要及其作用1（含义）

1.如何让html和css关联？

1）内部关联：via<style>

2）外部关联：via <link rel = "stylesheet" hrel = "css资源的url">

3)  内联关联：via元素的style属性

2.选择器：

1）选择指定的元素：

例如：

body{...}     选择所有body元素

div{...}   选择所有div元素

2）通过一个元素的id,选择某个元素

#id{...]

3）通过一个指定的类别，选择某类元素

.class-name{...}

.box{...}

组合选择器：

如：div.hello{...}  所有class中带有hello元素的div元素，执行操作

一次选择多种元素：

p, .hello,#world{...}

子孙选择器：

body p{...}  所有body元素的子孙中的所有p元素

直系孩子选择器：

body>p{...} 所有body元素的  (只有孩子）的所有p元素

3.a标签的几种状态

初始状态：    link

鼠标悬停在a标签上： hover

鼠标按下不松开：active;

鼠标访问过：visited;

例如：a:link{...}     a:hover{...}

4.focus   焦点

某个元素获得焦点时

1）鼠标点击该元素

2）通过Tab点击切换焦点，该选择器生效

5.样式覆盖问题·

1）越精确的样式，他的样式优先级越高（会覆盖不精确的）

2）内联的优先级>内部/外部

3）同等优先级情况下，写在下面的会覆盖写在上面的

4）某些样式，带有继承功能。