CSS简介：
- CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.
- 有时我们也会称之为 CSS 样式表或级联样式表。
- CSS 是也是一种标记语言
- CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。
- CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮， 让页面布局更简单。
- CSS 最大价值: 由 HTML 专注去做结构呈现，样式交给 CSS，即 结构 ( HTML ) 与样式( CSS ) 相分离
CSS语法规范：
css规则由两部分组成：选择器、样式声明
//其中 h1 为选择器，属性和属性值以“键值对”的形式出现color 和 font-size为属性， red 和16px为相应的属性值，多个键值对用；分割
<head>
<style>
h1 {
color: red;
font-size: 16px;
}
</style>
</head>
选择器即选出需要设置样式的标签
基础选择器：
标签选择器、类选择器、id选择器、通配符选择器
类选择器和id选择器的区别：
可以有多个标签用相同类名且一个标签可以有多个类名，类名和类名中间用空格分割，而id整篇html中只能有一个标签可以使用（可以类比为 类为姓名，id为身份证号码）
//标签选择器
h1 {
}
//类选择器
.title {
}
//id选择器
#id {
}
//通配符选择器
* {
}
复合选择器：
后代选择器、子选择器、并集选择器、伪类选择器
//后代选择器 选择的是第一个元素下所有的第二个元素，包括子，孙
ul li {
}
//子选择器 只选择第一个元素下第一级的第二个元素
ul>li {
}
//并集选择器 用,分割，给第一个元素和第二个元素设置相同的样式
ul li,
ol li{
}
//伪类选择器 有:hover :first-child等等 ，下面代码为当鼠标放在a标签上的样式（伪类只有一个:，为元素有两个:）
a:hover {
}
//focus伪类选择器 获取获得焦点的表单元素
input:hover {
}
在使用链接伪类选择器中，为了确保生效，务必按照LVHA的顺序书写：link、visited、hover、active
继承
text- line- font- color
font-size:14px;
//lin
最低0.47元/天 解锁文章
3981
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
