2021-05-11

css:层叠样式表 cascading style sheets
css作用:修饰页面内容的样式
css注释：/* */

1.引入css
head
style

2.在style标签里面设置样式：
选择器{声明 }
选择器：通过某种方式查找的标签

声明=属性：属性值；
1.声明必须分号结束
2.声明可以有多个，没有先后顺序

3.选择器：
a.元素选择器：通过标签名字查找

基本语法：标签名字
特点：查找页面中所有叫这个名字的标签
设置标签的统一样式。比如，a(去掉下划线）h1-h6(字体粗细，字体大小）b,strong,i,em(取消字体加粗或倾斜）
b.class选择器
基本语法：.className(class 名字)

   特点：
      可以给不同标签设置相同的class

c:id选择器
基本语法：#idName{id 名字}

特点：1.唯一的（多个标签不能期相同的id名）
2.可以搭建页面的外部结构
d:后代选择器
空格 ：查找的是所有子标签

选择器：查找的是离父标签最近的子标签

e:通配符选择器：查找所有的标签
基本语法：*
应用：去掉所有标签默认的间距（页面初始化）

f:伪类选择器
基本语法： ：
用于超链接
a:link{声明}–普通的、未被访问的链接
a:visited{声明}-用户已访问的链接
a:hover{声明}-鼠标指针位于连接的上方悬停
a:active{声明}-链接被点击