注释标签的快捷键：Ctrl+/

1，选择器写法

类选择器：重要重要重要

id选择器：样式#定义，结构id调用，只能调用一次

。div就是一个盒子，用来装网页内容的

通配符选择器：不需要调用，自动就给所有的元素使用样式

2，CSS字体属性：

字体：

大小：

字体粗细：如font-weight: 700 ；  加粗的效果

                     font-weight：400；/  font-weight：normal； 正常字体粗细

文字样式：font-style

复合属性：       

3，文本属性：

1，文本颜色：color

2，对齐文本：

3，装饰文本：

4，文本缩进：

5,行高

4，CSS的引入方式：

1，内部样式表：CSS代码全部放在<style>标签中

2，行内样式表：<p style="color: pink;">粉色---------</p>

3，外部样式表：单独写到CSS文件中，之后把CSS文件引入到HTML页面中使用

    <title>Document</title>

    <link rel="stylesheet" href="style.css">

</head>

5，Emmet语法：

1，

2， 

3，快速格式化代码：右键，格式化文档

6，复合选择器：

1，后代选择器：（重要！！）元素1 元素2 { 样式声明 }

2，子选择器：（重要！！）只能选择某元素的最近一级子元素

                            元素1 > 元素2 {      }

3，并集选择器：（重要）通过英文逗号连接而成

4，伪类选择器：用冒号（：）表示

（1）链接伪类选择器：（重要）

注意：按照L，V，H，A的顺序写

（2）：focus伪类选择器  用于选取获得焦点的表单元素，焦点就是光标

7，CSS的元素显示模式：

1，块元素：

2,行内元素：

3，行内块元素：

4，元素显示模式的转换：一个模式的元素需要另一个模式的特性

转化为块元素：display：block；

转化为行内元素：display：inline；

转化为行内块：display：inline-block；

8，单行文字垂直居中：

让文字的行高line-height=盒子的高度height

     行高=上空隙+文字本身高度+下空隙

9，CSS背景    

1，设置背景颜色background-color：

2，背景图片：background-image：url(   );

3,背景平铺：background-repeat : repeat | no-repeat | repeat-x | repeat-y

    默认情况下平铺

4，背景位置：

background-position : length || length           
background-position : position || position

参数：

（1，length : 　百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位

（2，position : 　top | center | bottom | left | center | right方位名词，两个值的前后顺序无关

（3，参数是混合单位：

  如果指定的两个值是精确单位和方位名词混合使用，则第一个值是x坐标，第二个值是y坐标

5，背景图像固定：background-attachment : scroll | fixed

6，背景复合写法：background：颜色  图片地址  平铺  图像滚动  图片位置

7，背景色半透明：background : rgba(0,0.0,0.3)

          r 红 g绿 b蓝;a参数是alpha透明度，取值范围在0-1之间

10，CSS三大特性

优先级：*是通配符

注意：

所以以后我们看标签到底执行那个样式，就先看这个标签有没有直接被选出来 

权重叠加：复合选择器中会出现