理解CSS（1）|青训营笔记

这是我参加【第五届青训营】伴学笔记创作活动的第二天 首先css用来定义页面元素的样式，可以使整个页面变得更加整洁美观。

使用css的形式：

外链，嵌入，内链。

一.选择器：

selector 作用：找出页面元素，以便给他们设置样式

几种常见选择器：

1. 通配符选择器：用于全局样式。 2. 标签选择器 3. 类选择器 4. id选择器：优先级高 5. 属性选择器

二.设置颜色相关方式：

1.颜色——RGB:

表示方法： rgb（红 ，绿 ，篮）利用三原色的不同数量配置不同颜色（0~255）或者#000000每两位表示一个颜色，将十进制转变为十六进制（0~ff）

缺点：不好判断所需要颜色

2.颜色——HSL（分别指色相，饱和度，亮度）

表示方式：

hsl（ 色相，饱和度 %，亮度 %）

相比rgb更简单可控

3.颜色——英文名全称

记常用颜色即可

4.透明度——alpha

表示方法: rgba( , , , );hsla( , , , )

四.设置字体相关

font-family

e.g：font-family:{Optina,Georgia,Serif}

注：需要写多种字体，防止浏览器字体不适配，优先级从左至右 建议：字体列表最后写上通用字体族,英文字体写在中文字体前。

通用字体族:

2.使用webfonts

表达方式如图所示

3.font——size

单位：px，em，%

4.行高

line——height

5.文字位置（text——align）

left，right，center，justify（自动换行，整齐）

6.首行缩进（text——indent）

单位：px

7.文本样式（text-decoration）

8.一起写文字样式（font：）

表达方式：

fonts：style weight size/height family

五.调试css

快捷键：ctrl+shift+i 总结： 学习css主要从其他网页的检查页面多积累不同的操作设计。 第二天发笔记，加油加油！目前掘金的笔记软件还不是很熟练，尽快补上进度。