2020年2月12号之CSS学习笔记（一）_12号之件学习-CSDN博客

2020年2月12号之CSS学习笔记（一）

CSS简介
CSS是层叠样式表，把CSS添加到HTML4.0中解决了内容与表现分离的问题
，是页面变得容易维护
内联CSS
就是将CSS应用在单个元素中
CSS内部样式表
在HTML页面的标题部分将内部样式定义在<style>元素中
外部引用CSS
在HTML页面的<head>中添加<link>标签，将CCS文件引入
CSS语法
样式规则有三部分 ：选择器，属性，值
CSS级联
网页的最终外观是不同的样式结合的结果。通过样式的三个主要来源形成一个级联：
1. 由页面的作者创建的CSS样式
2. 浏览器的默认CSS样式
3. 浏览页面的用户自定义CSS样式
CSS继承
除非另有定义，子元素会采用父元素的样式
元素选择器
元素选择器 :就是对已选中的HTML元素符号设置CSS样式
class选择器
多个元素可以定义相同的class名称
id选择器
每个元素上只能设置唯一的id名称
后代选择器
后代选择器： 选中某个父级下对应的子级，并针对该子级设置CSS样式
层级越深所设置样式的优先级就越高
子元素选择器
子元素选择器： 子元素选择器与后代选择器较为类似，相对与后代选择器，子元素选择器所涉及的范围会更小
相邻选择器
相邻选择器： 选择中对应元素的兄弟元素
1、所涉及的相邻兄弟元素必须是该元素的同级元素
2、所涉及的相邻兄弟元素必须是相邻的元素，中间有其他元素隔开也将导致失效
3、元素A对应的相邻兄弟元素之间需要用+隔开
属性选择器
属性选择器： 检索HTML页面中所设置的属性条件的元素
选择器分类
选择器分类： 当需要多个元素同时使用同一套CSS样式时，使用选择器分组避免每个元素单独设置造成冗余