本文详细介绍了CSS的作用，如何将其嵌入HTML页面（包括直接写标签内、内嵌样式、定义外部样式文件），以及选择器的分类（基本和层级分类，如后代、兄弟和属性选择器）。同时提及了CSS样式优先级和JS文件的相关性。
样式规则为：样式属性名：值 ；
一 css的作用
css层叠样式表：用于修饰HTML标签的显示
二 css如何嵌入到HTML页面
1直接写标签内部
<p style = "样式规则” >
2 内嵌样式：（作用于当前页面中标签）
在<head>添加一个<style>标签
<style>
选择器{ 样式规则 }
</style>
3 定义样式文件，在网页中引入样式文件。可以适用于多个页面
1）在css目录下创建样式文件 XXX.css
2) 在HTML页面中<head>标签中使用<link>标签引入css样式文件
4样式优先级
行内>内嵌>外部样式文件>浏览器默认样式文件
三 选择器的分类
1基本分类
1）* ：
页面中所有的标签
2）标签选择器 ：相应的标签名
作用于该名称的所有标签
3）class选择器 . 类名{样式规则}
在标签中添加 class =“类名” 引入样式规则
4）id选择器： #id名{样式规则}
仅作用于单个标签
在标签中添加： id = “id名”
5）优先级
id > 类样式 > 标签选择器 > * >浏览器默认值
2层级分类
1)后代选择器和父子选择器
1.1后代选择器(包含子孙)
父选择器 子选择器{样式规则}
1.2父子选择器(仅包含子)
父选择器 > 子选择器{样式规则}
2)兄弟选择器和相邻兄弟选择器
2.1)兄弟选择器(所有的弟弟)
哥哥选择器 ~ 弟弟选择器
2.2)相邻兄弟选择器(紧邻的弟弟)
哥哥选择器 + 弟弟选择器
3属性选择器
公式: [属性名]
[href]
[href="https://www.example.com"]
[src$=".jpg"]
4)过滤选择器(按下标找标签,下标从1开始)
:first-of-type : 第一个子项
:nth-of-type(n) : 正数第n个子项
:nth-last-of-type(n) : 倒数第n个子项
:last-of-type : 最后一个子项
:not(选择器名):排除选择器
JS文件
506
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
