CSS知识点

“#”：HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

"."：class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示。

"*"：号是css中的通配符，意思是所有的标签都有的属性，表示所有的标签都遵循的统一样式。

文本对齐方式：text-align； "justify"，每一行被展开为宽度相等，左，右外边距是对齐。
文本转换：capitalize，首字母大写。
文本缩进：text-indent
文本修饰：text-decoration，主要是用来删除链接的下划线（a {text-decoration:none;}）

字体样式: italic，斜体
字体大小：font-size，单位：px,em(px/16=em,1em的默认大小是16px)

链接样式：
a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻

列表项标记：list-style-type

边框样式：border-style

float:right：CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。

display:block => 占用了全部宽度，在前后都是换行符。
display:inline => 只需要必要的宽度，不强制换行。

组合选择符:空格，>，+，~
后代选择器(以空格分隔)：用于选取某元素的后代元素。
子元素选择器(以大于号分隔）：只能选择作为某元素子元素的元素。
相邻兄弟选择器（以加号分隔）：选择紧接在另一元素后的元素，且二者有相同父元素。
普通兄弟选择器（以破折号分隔）：选取所有指定元素之后的相邻兄弟元素。

居中：
display: flex;
align-items: center;
justify-content: center;

text-align：左右居中
line-height和height设置相同，可以居中

屏幕居中：
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);

!important:重要，优先