CSS选择器、修饰方式

1.html和css工作机制

一个网页html不管页面显示如何，显示是否美观是由css决定的，html相当于网页的骨架，骨架和样式分离便于后期维护，可以对页面元素进行灵活处理

2.样式表

3.css控制页面的方式

1.内嵌式

将css样式直接写在html头部，并用进行修饰

2.行内形式

直接将css样式写在自己想要修饰的标签里

3.链接式

用的最多的一种方式，将html和css分离为多个文件，实现了html代码和css代码的分离
分别定义一个html文件和一个css文件，多个html文件可以共用一个css样式设计
创建一个css文件，在里面写样式表，然后在html里面调用

4.css的四种选择器

1.类选择器又名class选择器

.+选择器名
如下图就是在css文件中定义了一个背景选择器，在html中通过链接引用，然后就可以使用这个选择器样式了

2.id选择器

把点换成#

3.html元素选择器

直接将标签名设置为选择器名称的是元素选择器

4.通配符选择器

如果希望所以的元素都符合某一样式，可以选用通配符选择器

5.各选择器优先级

id选择器 > 类选择器 > 元素选择器 > 通配符选择器

5.父子选择器

格式： id选择器/class选择器 + 空格 + html标签

6.css与超链接

浏览器默认效果：
文字带下划线且为蓝色，访问过后变紫色，鼠标经过变手型

点击前：

点击后：

几个状态：

• a:link(未访问过的链接)
• a:active(当前激活链接)
• a:visited(已访问过)
• a:hover(鼠标经过)

link

active

visited