cascading style sheet第一课

css引入方式：

1.内嵌式，写到<head>里面，<style>。（小案例适用）

2.外联式：写在单独的css文件中，通过link标签引入。（head里写<link rel="stylesheet" herf="css文件链接">）（开发项目适用）

3.行内式：写在标签内部style中，（配合js使用）

选择器：

1.标签选择器

2.类选择器

.属性值｛｝需要定义，标签后加class=“属性值”，名字可以为数字，字母，下划线，中划线组成，但是不能以数字或者中划线开头。一个标签可以同时拥有多个类名，用空格隔开。

3.id选择器

#属性值｛｝通过id属性值，找到页面中代表id属性值的标签，设置样式。（主要是配合js使用）一个标签只能有一个属性值。同一id属性值只使用一次。

4.通配符选择器

*｛｝选择所有的标签，一般用来清除内外边距。*｛margin:0;padding:0;｝

5.后代选择器：空格隔开

属性值1（空格）属性值2（空格）属性值3……

6.子代选择器：>

div>p｛｝只选择儿子

7.并集选择器：，

选择器1，选择器2｛｝

8.交集选择器：

选择器1选择器2｛｝

9.hover伪类选择器：

选择器：hover｛｝

字体和文本样式：

1.字体

1.1字体大小 font-size 数字+px（默认16px）

1.2字体粗细 font-weight 属性值类型1 normal（正常）、blod（加粗）类型2. 400（正常）、700（加粗）

1.3字体样式 font-style 属性值normal（正常）italic（倾斜）

1.4常见字体系列

1.4.1无衬线字体（sans-serif）特点：粗细均匀，首尾无装饰，ps：黑体、Arial（常见网页）

1.4.2衬线字体（serif）粗细不匀，首尾有笔锋装饰，ps：宋体、times new roman（常见报纸书籍）

1.4.3等宽字体（monospace）每个字母汉字宽度一样，ps：consolas、fira code

1.5字体系列 font-family windows默认微软雅黑；macos默认苹方；

1.6样式层叠问题后面覆盖前面

1.7字体font属性简写（复合属性） font：style weight size/line-height family；（可以省略style weight，字号和行高用斜线隔开）

2.文本样式

2.1文本缩进 text-indent 像素值、em值（em为一个字的大小）

2.2文本水平对齐 text-align left（左） center right（可以给文本图片超链接加对齐方式，给父元素属性值）

2.3文本修饰 text-decoration underline（下划线）line-through（删除线）overline（上划线）none（无装饰线，一般用作取消超链接下划线）

3.1行高 line-height px、倍数；（上间距，文字高，下间距加起来为行高。）

chrome（谷歌浏览器调试工具） 浏览器检查-----elements（删除线：层叠，注释没生效；黄叹号：写错了）

emmet语法：通过简写语法，快速生成代码：