CSS

什么是CSS？

CSS(CascadingStyleSheets)层叠样式表，是一个用于修饰文档（可以是标记语言HTML，也可以是XML）的语言，可以将文档以更优雅的形式呈现给用户。html\css\js 是前端三要素，用于修饰网页，完成布局。

CSS工作原理？

当一个浏览器在显示文档的时候，需要将文档内容和样式内容结合到一起，以此，在处理文档的时候包含两个阶段：

1.浏览器将HTML和CSS转换为DOM(DocumentObjectModel)，DOM在计算机内存中表示文档，使得文档和CSS结合，对页面进行渲染。2.浏览器显示DOM的内容

CSS语法

CSS语法区分大小写，属性与值通过“:”分隔开，将多个CSS声明写在一起，每个CSS声明通过“;”分隔开，最后一个css声明无需使用“;”分隔开。使用“{”“}”将多个CSS声明括起来，这样就构成了一个CSS声明块。

选择的HTML元素 选择器{    

   属性:值;     

   属性:值;        

属性:值;    

}

css html 代码的结合

①外部样式表（Externalstylesheet） 可以实现代码分离，css复用

将CSS规则写到一个以“.css”为后缀的文件中，然后使用HTML中的<link>标签将CSS文件应用到HTML文档中，或者在style标签的第一行使用@import'style.css';导入。

②内部样式表（Internalstylesheet）

将CSS规则写到<style>标签内，在不能直接更改CSS文件情况下，这种方式有效，可以实现小范围复用，但是一般不推荐使用，修改起来不方便。

③行内样式表（Inlinestyles）

将CSS规则写到元素的style属性中，只能作用于一个元素，一般不推荐使用。因为代码结构不清晰，冗余笨重 ，但是优先级最高。