这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
今天学习了CSS知识，梳理了课程中我理解比较深或者比较重要的的知识点，虽然是基础知识但是值得我们了解清楚，所以整理为这篇文章方便以后复习
1 链入
<link rel=''stylesheet'' href=''CSS样式文件''>
例如href=''style.css''
2嵌入
<style> li {margin:0;} </style><br>
注意style标签要在head标签内
3内联
<p style=''margin:lem 0''>内联样式</p>
4CSS选择器
- 1.类选择器（通过类名进行选择）
- 2.id选择器（通过id进行选择）
- 3.标签选择器（通过标签进行选择）
- 4.分组选择器（可一次选择多个标签以设置相同样式）
- 5.后代选择器（选择某个标签的所有后代以设置相同样式）
- 6.属性选择器（通过属性（如name属性）进行选择以设置相同的样式）
- 7.通用选择器（选择所有标签以设置相同样式）
- 8.兄弟选择器（选择兄弟关系的标签设置样式）
- 9.直接父子选择器（选择父子关系的标签中子标签设置样式）
5RGB颜色表示
rgb(0-255，0-255，0-255）
颜色分别为红，绿，蓝，取值在0到255之间。
也可以表示为#000000，每二个0表示为一个颜色的取值，范围为0-255的十六进制
例如：rgb(0,255,0)或#00##00，表示为绿色
6HSL颜色表示
- H表示色相，例如红色、黄色等，取值范围为0-360
- S表示饱和度，指颜色的鲜艳程度，越高颜色越鲜艳，取值范围为0-100%
- L指颜色的明亮程度，越高颜色越亮，取值范围为0-100% 例如：hls(18，23%，56%)
7rgba表示法
表示方式为rgba(255,0,0,1),组后一个值表示 alpha 透明度 取值为0-1之间,也可表示为#ff0000ff
8行级元素
1.可以和其他元素处于一行，不用必须另起一行。
2.元素的高度、宽度及顶部和底部边距 不可设置。
3.元素的宽度就是它包含的文字、图片的宽度，不可改变。
4.display:inline
9块级元素
1.比较霸道，自己独占一行
2.高度，宽度、外边距以及内边距都可以控制。
3.宽度默认是容器（父级宽度）的100%
4.是一个容器及盒子，里面可以放行内或者块级元素。
5.display:block
以上为今天总结的知识点，理解块级元素和行级元素很重要哦
