CSS青训营笔记

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

在学习了基本的HTML的语法后又继续学习了前端里面的样式也就是CSS，由于CSS对于前端来说十分重要所以说我觉得还是要把CSS学的比较透彻，盒模型，选择器等相关重要知识点还是要运用熟练。

在页面中CSS的使用方法有3种

在CSS中我要定位到某一个标签来对其进行设置样式，这个时候就需要用到选择器

在CSS中有4种选择器

- id选择器————在标签中加入id并在后面对其进行命名#+id{设置样式}但是有时id名重复不可使用

- 类选择器————在标签中加入class并在后面对其进行命名.+class名{设置样式}

- 复合选择器————有2个及以上的基础选择组合使用的选择器

- 伪类选择器————用于设置特殊的样式状态

在CSS中所有的元素都有一个初始值

大部分元素都是一个盒模型。盒模型包含内容区，内边距，边框，外边距。可以分别对其进行单独的设置。盒模式就像是买的快递，快递中的物品就相当于内容区，在物品与快递盒中的间隙就是内边距，快递盒就是边框，快递与其他快递盒的间隙就叫做外边距

在进入一个网页时，首先加载HTML，然后解析HTML，当HTML中引入了CSS时会同时加载CSS并解析，当HTML解析完成时，根据DOM树浏览器会将相应的样式添加到对应的节点中，再渲染出页面。

CSS|青训营笔记