CSS基础（2）- 常见样式声明

本系列笔记是基于【渡一教育】袁进老师的html+css基础课程而记录，仅作为个人记录以及阅读使用。

常见样式声明

1. color

元素内部的文字样式

预设值：定义好的单词

三原色：色值

rgb表示法：rgb( , , )
hex（16进制）表示法：#xxxxxx （#红绿蓝，可以简写）

淘宝红：#ff4400，#f40
黑色：#000000，#000
白色：#ffffff，#fff
红色：#ff0000，#f00
绿色：#00ff00，#0f0
蓝色：#0000ff，#00f
紫色：#0ff
青色：#ff0
灰色：#ccc

2. background-color

元素背景颜色

3. font-size

元素内部文字的尺寸大小

1）px：像素，绝对单位，简单地理解为文字的高度占多少个像素
2）em：相对单位，相对于父元素的字体大小

每个元素必须由字体大小，如果没有声明，则直接使用父元素的字体大小；如果没有父元素（html），则使用基准字号

user agent，UA，用户代理（浏览器）

css注释：/…/

4. font-weight

文字粗细程度，可以取值数字、预设值

strong元素，默认加粗。

<strong>
    表示重要的，不能忽略的内容
</strong>

5. font-family

文字类型：字体，必须是用户计算机中存在使用的字体才会有效

使用多个字体，匹配

sans-serif：非衬线字体（电脑默认的）

6. font-style

字体颜色：通常用于设置斜体

i元素，em元素，默认样式，是斜体字体；实际使用中，通常用它表示一个图标（icon）

7.text-decoration

文本修饰，给文本加线。(line-through，none，underline)

a元素：默认underline
del元素：错误的内容
s元素：过期的内容

8. text-indent

首行文本缩进

9. line-height

行高，每行文本的高度。该值越大，每行文本的距离越大。

• 设置行高为容器的高度，可以让单行文本文字居中

line-height:30px;
line-height:1.5;

• 行高可以设置为纯数字，表示相对于当前元素的字体大小

10. width

宽度

11. height

高度

12. letter-space

文字间隙

13. text-align

元素内部文字的水平排列方式

参考资料

1. 【渡一教育】袁进老师的html+css基础课程
2. 【渡一教育】袁进老师相关课程源代码