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