这是我参与「第四届青训营 」笔记创作活动的的第2天
一、CSS的格式和使用方式
CSS文件中写入的格式为上图所示，Selecotr选择器负责查找DOM对象，使用
属性：值;的形式去定义某属性的值，选择器也有很多种，如标签名、类名、id选择器等。
- 在页面中使用css可以使用link标签，在html中写入
<link rel="stylesheet" href="css文件路径">进行链接。 - 直接在标签后以
属性=“值”的形式声明样式。 - 嵌入式则以如下方式声明
二、选择器Selector
选择器有很多种，可以根据标签名、类名或者id;属性;或者按照DOM树中的位置进行选择。
2.1、通配选择器
使用*可以代表全部名称，一般用于整体进行变更。
2.2、id、类选择器
2.3属性选择器
利用属性去选择DOM对象，如果DOM对象有这个属性则选中。
格式为 [属性名]{声明样式} 或者 [属性名=值]{声明样式}
2.4、伪类选择器
伪类有两种，分别是状态伪类和结构伪类。
2.4.1、状态伪类
当一个DOM元素处于某种特定状态时使用，比如hover、visited、link等等。
2.4.2、结构伪类
DOM以树形式存在，DOM对象之间可能含有父子关系，可以用父子关系获取DOM对象。
3、布局
布局的部分知识点更细也更复杂，需要结合例子去看，大体上css中可以为DOM对象声明的属性有颜色、字体、大小、内外边框、布局形式等等，结合css官方文档更容易理解，这部分因为过去学过，所以只是简单的查漏补缺，具体的例子都是自己手敲过的，所以记得还算扎实。
如果觉得有点懵也可以考虑去网上当一个网站当参考，对他进行一些借鉴，等比复制一份，或者腾讯云提供静态桶，写一些可以交互的静态页面，加入css样式发给朋友也不错，总之平常无聊就可以试着把一些不太规则的东西写成网站的样子，such as这样。
总之感觉css其实还是很有意思的，不过的确有点太麻烦了，平时写项目大概还是会考虑组件库多一些吧。 注：这个是我在网上偶然看到的css手册，觉得还不错，结合这里面看会更容易理解。
