css入门

CSS：专注网页布局、样式

1.语法规范

2.选择器类型

2.1基础选择器

标签选择器

id选择器，#定义，id调用，唯一标识，只使用一次。

app

class选择器，.定义，可多次调用

.cls {}

标签多类名

标签多类名的使用

通配符选择器

选中所有元素标签，进行修改。不需要调用，自动调用。

命名规范：

2.2复合选择器

后代选择器

子选择器

并集选择器

伪类选择器

3.css字体属性

字体：font-family ，一般给body指定字体，里面的标签文字大小都会修改，标题标签特殊，需要单独指定。

粗细：font-weight。400为默认字体粗细。范围100-900

文字样式（斜体）：font-style。

字体复合属性

4.文本属性

颜色，对齐，装饰文本（上、下划线），缩进，行间距

颜色：预定义颜色，十六进制，rgb

对齐：text-align:center /left /right。图片标签无法居中对齐，要使用p标签抱起来，给p设置居中。

装饰文本：text-decoration：underline，none。可将链接的下划线去掉

缩进: text-indent:首行缩进。可对p标签使用首行缩进。缩进距离单位一般用em，em是当前文本字体大小的一个单位。

行间距：通过指定行高line-height:26px，行高包括上下间距与字体高度。

5.css引入方式

内部样式表：写在html内部

行内样式表

外部样式表

6.Emmet语法快速写标签，可复合使用

格式化文档：将文档格式变标准，缩进变规范。

右键+格式化文档。

设置保存文档自动格式化文档