CSS|青训营笔记

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

本节课的重点内容

• CSS---层叠样式表

详细的知识点介绍

CSS:

在使用css的时候如何去确认是去给哪一个标签添加相应的样式呢？

这里就要用到选择器，在css中去选择HTML中相应的标签去添加属性

• ID选择器---在标签中添加id属性，在css中使用"#+id"就能选择相应的标签
• 类选择器---类似于ID，在标签中添加class属性，在css中".+class就能选择相应的标签
• 伪类选择器---用于定义元素的特殊的状态，例如鼠标点击，悬停等
• 复合选择器---由两个及以上基础选择器组合而成的选择器

在选择到相应的标签就要开始给他相应的样式，那CSS有什么样式呢？

1.颜色

颜色可以直接的写英文单词，例如"red",也可以使用16进制来表示"#ADD8E6",还有RGB表示，例如"rgb(173, 216, 230)"

可以是使用qq截图中的取色来进行取色操作

以rgb为例，他还有第四个数字，是用来表示透明度的，

2.字体

可以使用font-size来修改字体的大写，字间距，颜色，位置，粗细等

使用spacing来调整字间距
使用text-indent来调整缩进

3.位置

可以使用line-height使高度居中，后面的值应该是当前需要居中的父元素块高，text-align是宽度居中，后面的属性值可以直接的写center

个人总结

虽然之前学过一点点CSS的相关的知识，但是在课堂上还要很多的CSS的属性在以前没有学过，例如字间距的调整。