2022-07-10 第四小组 咸峰赫 学习笔记

今日的随堂笔记
1.CSS 层叠样式表 （相当于给房子装修） 网页美化
2.如何嵌入 样式如何显示html元素
样式通常存储在样式表中
把样式表添加到html的元素中

定义CSS样式的方式
1.行内样式（内联样式） style 后写的就是层叠样式表 如果当前的代码不需要复用 则可以使用行内样式
优先级比较高
2.内页样式(嵌入样式) 在页面定义样式起名字 标签元素选中样式 在head 标签里声明style
样式名字和标签名字是一样的 一样标签的都会和样式的一样
标签选择器
类选择器:声明名字要写英文. 选择使用的时候 不写. 只写名字
id选择器:
3.外部样式 优先使用这个样式 在head里写link 链接文件
4.css的选择器: 并列选择器:
无论嵌套多少层 都能找到
[type~=t] ~属性带有哪个单词的所有元素
伪类选择器: link hover active visited
li:nth-child(3){ 选了第几个 那就第几个变色 ol li or ul li
color:red;
}
tr:nth-child(2n){
color:red; 隔行变色 tr td or tr th
}
checked选择器 : 选中所有被选择的元素
CSS层叠样式表
层叠性: 1.如果样式不冲突,就不重叠
2.如果样式冲突,遵循就近原则(声明的先后)
层叠优先级:类>标签>id
继承性: 子标签会继承父标签的某系样式,文本颜色,字号,背景颜色....
继承的优先级:权重:继承的样式权重为0,行内样式权重最高(style里的),权重相同的时候就近原则.(!important 权重无限大指令
可以改变优先级)
CSS常用的单位:1.px像素:绝对单位(一个像素代表一个点)在哪个设备上都一样大
2.em:相对单位 会参考它的父级元素,字体 父级元素的字体是16px,那要设置元素的字体大小为2em,元素的当前字体
大小为32像素.
3.rem:相对单位 由页面决定的.当我们改变了浏览器的字号设置时页面的字号也会发生变化.应用在老人版.
4.百分比: 相对于父级元素的比例.

        2022070重点：
        1.路径的问题
        2.css的引入
        3.三大特性：层叠，继承，优先级
        4.定位9
        5.盒子模型

        ; margin: auto  自动水平居中

标签：咸峰赫,10,层叠,07,样式,标签,元素,样式表,选择器
来源： https://www.cnblogs.com/xfh777/p/16467770.html