提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
目录
一、CSS的介绍
二、CSS引入方式
1.内嵌式
2.外联式
3.行内式
三、基础选择器
1.选择器的作用
2.标签选择器
3.类选择器
4.id选择器
5.通配符选择器
四、字体和文本样式
总结
前言
随着科学技术的发展，互联网全面进入移动时代，前端逐渐成为互联网行业中的重要角色。前端要做的就是将产品的UI设计稿在用户终端上实现，网站的“前端”是与用户直接交互的部分，包括你在浏览网页时接触的所有视觉内容--从字体到颜色，以及下拉菜单和侧边栏。这些视觉内容，都是由浏览器解析、处理、渲染相关HTML、CSS等文件后呈现而来。本篇文章将为大家罗列CSS的基础知识。
一、CSS的介绍
CSS又叫层叠样式表，作用是给页面中的HTML标签设置样式。
语法规则：CSS写在style标签中，style标签一般写在head标签里面，title标签下面。
二、CSS引入方式
1.内嵌式
CSS写在style标签中
代码如下（示例）：
2.外联式
CSS写在一个单独的.css文件中
代码如下（示例）：
3.行内式
CSS写在标签的style属性中
三、基础选择器
1.选择器的作用
选择页面中对应的标签（找她)，方便后续设置样式(改她).
2.标签选择器
结构：标签名{ css属性名：属性值; }
作用：通过标签名，找到页面中所有这类标签，设置样式
注意点：1.标签选择器选择的是一类标签，而不是单独某一个
2．标签选择器无论嵌套关系有多深，都能找到对应的标签
3.类选择器
结构:.类名{ css属性名:属性值;}
作用:通过类名，找到页面中所有带有这个类名的标签，设置样式
注意点：1．所有标签上都有class属性，class属性的属性值称为类名(类似于名字)
2．类名可以由数字、字母、下划线、中划线组成，但不能以数字或者中划线开头
3.一个标签可以同时有多个类名，类名之间以空格隔开
4．类名可以重复，一个类选择器可以同时选中多个标签
4.id选择器
结构:#id属性值{ css属性名︰属性值;}
作用:通过id属性值，找到页面中带有这个id属性值的标签，设置样式
注意点:1.所有标签上都有id属性
2. id属性值类似于身份证号码，在一个页面中是唯一的，不可重复的!
3． 一个标签上只能有一个id属性值
4.一个id选择器只能选中一个标签
5.通配符选择器
结构:*{ css属性名︰属性值;}
作用:找到页面中所有的标签，设置样式
注意点:1.开发中使用极少，只会在极特殊情况下才会用到
四、字体和文本样式
字体样式：
属性名 | 属性名 | 取值 |
字体大小 | font-size | 数字+px |
字体粗细 | font-weight | 正常：normal/400；加粗：bold/700 |
字体样式 | font-style | 正常：normal；倾斜：italic |
字体类型 | font-family | 具体字体，比如宋体等 |
font（复合属性）：font : style weight size family;
省略要求：只能省略前两个，如果省略了相当于设置了默认值注意点:如果需要同时设置单独和连写形式。
文本样式：
属性名 | 属性名 | 取值 |
文本缩进 | text-indent | 数字+px/数字+em |
文本水平对齐方式 | text-align | left(左对齐）、center（居中对齐）、right（右对齐） |
文本修饰 | text-decoration | underline（下划线）、none（无装饰线）、line-through（删除线）、overline（上划线） |
注：1、1em=当前标签的font-size的大小
2、如果需要让文本水平居中，text-align属性给文本所在标签(文本的父元素)设置
3、text-align:center可以让文本、span标签、a标签、input标签、img标签水平居中
行高：line-height
作用：控制一行的上下行间距
取值：数字+px；倍数（当前标签font-size的倍数）
应用：1.让单行文本垂直居中可以设置line-height :文字父元素高度
2.网页精准布局时，会设置line-height : 1可以取消上下间距
行高和连写属性：font : style weight size/line-height family ;
总结
以上就是今天要讲的内容，本文仅仅简单介绍了CSS的部分选择器和标签以及作用，CSS还有更多用法，下篇再见!
