这是我参与「第四届青训营 」笔记创作活动的的第3天

全篇约1000字，三分钟即可快速了解css的相关知识

CSS是什么

css的全称是“Cascading Style Sheets”,css主要是用来定义页面元素的样式，其中包括字体样式、字体颜色、设置位置和大小以及添加动画效果。

如何在html中引入css呢

下面介绍三种引入方式

CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。

行内样式，它直接在标签内部引入，显著的优点是十分的便捷、高效；但是 
同时也造成了不能够重用样式的缺点，如果代码行数到达一定长度不建议采用。
通常内联CSS作为测试使用，可以查找代码中bug。
外部样式表，在实际的项目中通常使用此种方式，它只在页面中使用link或者@import引入即可，可维护性好；
并且外联CSS是一个单独的文件，可以作用于多个页面，在修改的时候可以针对性地修改某一块区域
达到多个页面样式同时变更，相较于内联CSS和页级CSS，省去了到每个页面修改的步骤，提高了开发效率
同时一定程度提高了性能。
内部样式表，整体是放在head标签里边的，在style标签里边定义样式，作用范围和字面意思相同，
仅限于本页面的元素；如果你写的代码超过了几百行，想想每次把代码页拉到最上边都很烦，
所以它在可维护性方面较差。

Tips:小编建议各位初入门的伙伴们先用嵌入式进行一些简单的代码编写，等到熟悉之后再运用外联式，下面是小编自己写的两种引用方法，自行借鉴：

CSS 选择器

CSS 选择器用于“查找”（或选取）要设置样式的 HTML 元素。

我们可以将 CSS 选择器分为五类：

• 简单选择器（根据名称、id、类来选取元素）
• [组合器选择器]（根据它们之间的特定关系来选取元素）
• [伪类选择器]（根据特定状态选取元素）
• [伪元素选择器]（选取元素的一部分并设置其样式）
• [属性选择器]（根据属性或属性值来选取元素）

Font-size属性

font-size 属性可设置字体的尺寸。

可能的值：

text-align属性

text-align 属性规定元素中的文本的水平对齐方式。

可能的值：

text-decoration 属性

text-decoration 属性规定添加到文本的修饰。

可能的值：

初始值

初始值对于继承属性和非继承属性[2] ，有着不同的含义：

• 对于继承属性，初始值只能被用于没有指定值的根元素上；\

• 对于非继承属性，初始值可以被用于没有指定值的任意元素上。\

在CSS 3中，允许使用initial关键词明确地设定初始值，也就是说，关键词initial代表初始值，不过目前各浏览器对关键词initial的支持情况较差，可通过caniuse.com查看具体的支持情况。

布局是什么

Css的布局简单来说就是  display配合position 来确定每一块内容的位置 。