标签：咸峰赫 10 层叠 07 样式 标签 元素 样式表 选择器

今日的随堂笔记
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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。