这是我参与第四届青训营笔记创作活动的第一天
今天写了一部分关于CSS的部分知识点笔记，其中有我关于对课堂上几个点的回顾，有几个不懂的地方我查阅了一些大佬的博客找到了解答。
下面是本片笔记所陈述的内容
1.在页面中使用CSS的几种方法
2.关于元素选择器使用的几点总结
3.文本内容的操作
(详情请看目录--）
一，页面中使用CSS的几种方法
外链法
1.第一种方法是外链法，即将CSS写在外部文件中，通过文件地址导入的方法
<link rel="stylesheet" href="相对地址“>
嵌入法
2.第二种方法是嵌入法，将CSS样式直接写在<style></style>标签中
<style>
p{color:red}
</style>
内联法
3.第三种方式内联法，将样式直接写对应标签中，写法如下
<h1 style="color:red">标题</h1>
以上三种方法中，我个人比较推荐第一种方法，将html文件与css文件分开写,更加舒服点。第二种方法的话，可以在平时练习的时候用，应为代码量较小。而第三种我比较喜欢在修改个别样式时使用。
优先级
内联法>嵌入法>外链法
关于这个我总结了个简单的记法，越近越优先
二，选择器
”选择器这一块呢我打算将几种常见的选择器简单的写一下，昨天发现了几个我不常使用但好像很重要的选择器，我深入的学了一下。老师课上讲了特异度这个概念，但我好像有点没听懂，为此我后来有认真的重新听了一下课”，“忍不住赞叹一下，讲师真的讲的超好，我感觉好像我关于css部分之前还是学的较浅”，嘶，好像这段话应该放在结尾才对...那结尾写啥~~， 还是写到结尾再说吧 哈哈哈“
1.常用选择器
id选择器
<p id="box"> </p>
class选择器
<p class="name"> </p>
通用选择器
*{
color:red;
font-size:12px
}
标签选择器
p{
color:blue
}
组合选择器
"下面我想说一下我之前不熟悉，但挺重要的几种选择器，我会详细的说哈！！请期待哟！"
2.重要的选择器
属性选择器
关于属性选择器，我隐隐约约有印象很久之前应该是学了的，但由于长时间没使用，有点遗忘了，但现在重新拾起，发现这个选择器在一些场景下还是很有必要的使用的
我发现属性选择有好几种写法，比如
场景一：
code.juejin.cn/pen/7123854…
场景二：
这种方式是第一种的进阶写法
标签名[属性名："字符"]，表示属性值中含有该字符的将被选中
标签名[属性名^："字符"]，表示属性值以该字符开头的将被选中
标签名[属性名$："字符"]，表示属性值以该字符结尾的将被选中*
伪类选择器
单冒号代表伪类
伪类：用于添加一些特殊效果的选择器
常用的有：
：link(未访问链接)，
：visited(已访问链接)，
：hover（鼠标移入），
：active（获得焦点）
伪元素
双冒号代表伪元素
伪元素一般配合content属性为元素添加装饰内容
常见的几个用法：
:：first-letter第一个字母
:: first-line,第一行
:: before,元素开始位置
:: after,元素结束位置
code.juejin.cn/pen/7123876…
特异度
关于特异度这个问题，我理解为高优先级可以覆盖低优先级的样式 这里得借张图表示啦~
从图片中可以看到 id>类>标签
我们可以通过数数量以及三者的优先级大小，来决定最终的css样式归属
三，关于文本内容的样式
关于这部分我打算只写几个比较重点的部分
- 对于字体的设置，我一般从两个方面其一是字体大小
font-size:属性 其二是字体本身font-family:,这两种属性一般可以一起写在font:属性之下 - 第二个比较重点是是我在讲师的课刚刚知道的，就是
font-family无论前面设置多少字体，最后面一个一定要写一个通用字体族 - 通用字体有五种分别是Serif 衬线体，Sans-Serif 无衬线体，Cursive 手写体，Fantasy ，Monospace 等宽字体
