2022-07-10 第九组 韩文清

 定义css样式的方法

1.行内（内联）样式：   style #如果当前的样式不用重复，可以用行内样式，优先级高 background 内页样式（嵌入样式）： 根据标签来命名，选择器，标签选择器，可以和标签的名字一模一样，可以让页面上的所有p标签都有

2、声明一个样式，并起个名，声明样式的时候需要用一个英文的. 选择样式通过class属性不需要. .bg 可在div或其他方式中用class=bg显示

3、id选择器 #spring，一样可以定义样式，需要有一个#。对应元素的id要匹配

4、外部样式（推荐） 可以在外部写一个css

5、可以多选选择器 选中页面上所有的div和p进行修改 直接用div，p{} 要在div里所有的p改变，就用子选择div p{} div>p只有在div里的p会改变，父子关系 div+p是在div后的p紧跟着的p会改变

6、属性选择器 [type]选中页面上所有带有type的属性 如果选中type=txet的，那么只有当type=text的时候才会改变 [type~=]选中页面上type属性包含单吃的所有元素

7、伪类选择器 a:link默认选择器 a:hover鼠标悬停样式 a:active元素被激活 a:visited点过的链接 8、 p:nth-child(3){}意思是p中第3个改变，隔行变换 ：checked:选中所有被选中的元素

9、层叠性 类>标签>id 就近原则谁离的近就选谁 如果样式冲突，就选择就近原则。哪个样式近就执行哪个样式 如果样式不冲突就不重叠

10、继承性 CSS层叠样式表 你在我里边你就得听我的^ ^ 子标签能继承父标签的某些样式 权重：继承的样式权重为最低，行内样式权重最高，如果权重相同就又用就近原则 ！important可以改变权重（加在样式里边）无限大 css常用的单位

1、px像素，绝对单位。一个像素代表一个点，如100px*100px的正方形，宽度100个点，高度100个 点

2、em相对单位，它会参考它的父系元素。字体，父级元素的字体为16px，要设置元素的字体大小为 2cm，当前元素的字体大小就是32px

3、rem相对单位。由页面决定。当我们改变了浏览器的字号设置，页面的字号也会随之发生改变，应 用在老人版

4、百分比，相对于父级元素的比例