选择器 Selector 属性 Property + 属性值 value = 声明 Declaration
使用CSS的三种方法：
/*外链*/
<link rel = "stylesheet" href=".....css">
/*嵌入*/
<style></style>
/*内连*/
<p style="...">...</p>
选择器 统配选择器 标签选择器 id选择器（以#开头，id值在页面中是唯一的，最好只使用一次） 类选择器（以 . 开头，可以多次使用 class = ） 属性选择器（如输入框disabled，可定义[disabled]的选择器样式，多样化）
a[href^="#"]/*表示以#开头的元素会被选中*/
a[href$=".jpg"]/*表示结尾以.jpg结尾的元素会被选中*/
伪类：状态性伪类、结构性伪类（这两者不基于标签）
/*状态伪类*/
/*链接*/
/*只有在特定状态下才会调用*/
/*对于链接的四种状态*/
a:link
a:visited
a:hover
a:active
:focus /*选中边框*/
/*结构性伪类*/
/*如列表li*/
li:first-child{...}
li:last-child{...}
组合 直接组合（AB 满足A同时满足B）； 后代组合（A B 选中B，如果它是A的子孙（nav a. 只要是在nav下的a标签都会被选中））； 亲子组合（A>B 选中B，如果它是A的子元素）； 兄弟组合（A～B 选中B，如果它在A后且和A同级）； 相邻选择器（A+B 选中B，如果它紧跟在A后面）；
选择器组
body,h1,h2,h3{
margin: 0;
padding: 0;
}
[type="checkbox"],[type="radio"]{
box-sizing: border-box;
padding: 0;
}
颜色 - RGB 如何去排一些文本类的样式？ rgb（... , ... , ...） #...
颜色 - HSL Hue：色相（色彩的基本属性 0～360） Saturation：饱和度（色彩的鲜艳程度 0～100%） Lightness：亮度（颜色的明亮成都 0～100%） tips：方便调节如按钮点击后颜色亮度的变化
alpha 透明度 1——不透明 0——完全透明 （rgba或hsla）
字体 font- family
<style>
h1 {font-family: Optima, Georgia, serif} /*指定多个字体，因为不同设备上带有的字体可能不同，至少带一个通用字体族，中英混写时把英文字体的字体写在中文字体的后面*/
</style>
/*使用web Fonts调用网页字体*/
<style>
@font-face{
font-family:"name"
src: url(网址)
format('woff2');
}
h1{
font-family:name , Cursive; /*会带来一定性能开销*/
}
</style>
font-size 关键字、长度、百分数
font- weight 字重（数字设置或者用关键字，前提是字体支持设置字重）
line-height 行高
text-align text-indent text-decoration white-space对于空格的设定：normal(吞并空格) nowrap(不换行) pre(保留所有的空格和换行) pre-wrap(一行内显示不下时会自动换行) pre-line(空格消去，换行保留)
右键浏览器打开检查，可以详细的查看CSS样式
