css基础用法，常见属性

CSS： 层叠样式表。主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
CSS语法： CSS实例由选择器，以及一条或多条声明（属性）两部分组成。每个声明（属性）可以有一个或多个值。属性和值被冒号分开。CSS声明以分号;结束，声明以大括号{}括起来。
CSS注释： 支持使用/* */进行注释
CSS引入： 三种。外部样式表、内部样式表、内联样式。

CSS选择器
1.通配符选择器：以选取所有标签。
2.标签选择器：使用标签名选取该标签名的所有标签。
3.id选择器：id选择器以"#“来定义。一个元素只能有一个ID
4.类选择器：类选择器以”."来定义。class选择器有别于id选择器，class属性可以在多个标签中使用。也支持一个标签中有多个class属性值（用空格隔开）。
5.后代选择器：两个元素之间用空格隔开，并且选中的是元素所有层级的后代
6.子代选择器：两个元素之间用>隔开，只能选择子元素
7.并集选择器：并集选择器中间用逗号隔开，支持任意其他选择器，多个元素要求竖着写
8.伪类选择器：伪类选择器表示的是同一个标签，根据其不同的种状态，有不同的样式。例如标签有点击前和点击后两种状态。
/ 让超链接点击之前 /
a:link {
color: red;
}
/ 让超链接点击之后 /
a:visited {
color: orange;
}
/ 鼠标悬停，放到标签上的时候 /
a:hover {
color: green;
}
/ 鼠标点击链接，但是不松手的时候（激活） /
a:active {
color: black;
}
/ 输入框获取焦点时 */
input:focus {
background-color: palegoldenrod;
}

字体相关属性：可以用CSS设置的四种主要的字体属性：family(字体族)、style(样式)、size(大小)和weight(粗细)。字体一般直接设置在body上用于控制整个页面。
font-style：设置文本的字体样式（正常normal、斜体italic、倾斜oblique）
文本相关属性：
color：文本颜色。
text-align：设置文本的水平对齐方式。左对齐(left)、右对齐(right）、居中(center)和两端对齐(justify)。
line-height：行高
word-spacing：设置文本字间距
letter-spacing：设置单词和字符间距
text-transform：设置文本转换。无、首写字母大写、大写和小写。
text-decoration：设置文本装饰。下划线、删除线、上划线、闪烁等。
text-indent：设置首行文本缩进距离。
背景属性：
background-color：设置背景颜色
background-image：设置背景图片
background-repeat：设置背景图片重复/平铺方式
background-position：设置背景图片定位
background-attachment：设置背景图片是否固定或者随着页面的其余部分滚动
background-size：设置背景图片大小
background：复合写法。任意属性都可以省略。

元素显示模式： 在CSS中，根据元素显示模式的不同元素标签被 分为了两类。
行内元素（inline-level）、块级元素（block-level）。

行内元素：行内元素就是不会独占一行的元素，行内元素不能设置宽度和高度。它的宽度和高度会随着文本的改变而该改变。内部不能填写块级元素。例如：<span> <buis> <strong> <em> <ins> <del>等;

块级元素：块级元素就是会独占一行的元素，块级元素可以设置宽度和高度，如果没有设置宽度和高度，默认父元素一样宽，高度则为0。例如：<p> <div> <h> <ul> <ol> <dl> <li> <dt> <dd>等。

行内块元素：由于我们有的时候不仅要设置元素的宽度和高度，同时也希望元素不会独占一行，这时就出现了行内块级元素（inline-block）。同一行的行内块级元素会有空白间隔。例如等。
转换CSS元素的显示模式：设置元素的display属性。inline（行内）、block（块级）、inline-block（行内块级）

CSS三大特性：CSS的三个特性是指层叠性、继承性以及优先级。
层叠性：相同权重的样式存在，根据这些样式书写的先后顺序来决定，处于最后面的CSS样式将会覆盖前面的CSS样式。
继承性：子标签会继承父标签的某些样式，如文本颜色和字号。
对于字体、字号、颜色、行距等文本类属性具有继承性
并不是所有的CSS属性都可以继承，如边框、外边距、内边距、背景、定位、元素高度等与块级元素相关的属性都不具有继承性。
优先级：
继承 < 元素选择器 < 类选择器/伪类选择器 < ID选择器 < 行内样式 < !important
继承样式的权重为0：
行内样式优先：应用style属性的元素，其行内样式的权重非常高，可以理解为远大于100。总之，他拥有比上面提高的选择器都大的优先级。
就近原则：权重相同时，遵循就近原则。也就是说靠近元素的样式具有最大的优先级，或者说排在最后的样式优先级最大
!important命令：CSS定义了一个!important命令，该命令被赋予最大的优先级。
权重会叠加，但是永远不会进位。

权重叠加问题： 每种选择器的权重见下方表格。样式继承的权重为0，复合选择器使权重叠加，权重之间不能越界，11个类也没有id的权重大
选择器 权重
0000 0000
标签选择器 0001
类选择器与伪类选择器 0010
ID选择器 0100
行内样式 1000
!important　　 +∞