CSS常见样式声明

常见样式声明

/* CSS的注释长这样 */

 1.color

文字元素颜色

元素内部的文字颜色

F12进行网页调试

**预设值**：定义好的单词

**三原色——色值**：光学三颜色RGB（红，绿，蓝），每种颜色可以使用0——255直接的数字表达

rgb表示法：

color: rgb(255,255,255);

hex（16进制表示法）：

color: #008c8c;

淘宝红：#ff4400，#f40

马尔斯绿：#008c8c

黑色：#000000，#000

白色：#ffffff，#fff

紫色：#f0f

青色：#0ff

黄色：#ff0

灰色：#ccc颜色

 

颜色

2.background-color

背景元素颜色

 3.font-size

元素内部文字的尺寸大小

1）px：像素，简单理解为文字的高度占多少个像素

2）em：相对单位，相对于父元素的字体大小

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

基准字号-浏览器设定的字号

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

4.fomt-weigth

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

normal（默认） 不加粗

bold =700 加粗

5.font-family

文字类型（字体）

必须用户计算机中存在的字体才会有效

使用多个字体，以匹配不同环境

strong 元素默加粗，表示重要的不能忽略的内容

sans-serif，非衬线字体（字体轮廓没有修饰）

宋体这类属于衬线字体

6.font-style

字体样式，通常用它设置斜体

italic：倾斜

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

em元素，默认斜体，表示强调的内容

7.text-decoration

文本修饰，给文本加线

line-through 线段横穿

over line 上边加线

under line 下边加线

none 没有线

a元素

del元素: 废弃/错误的内容

s元素：过期的内容

8.text-indent

首行文本缩进

同标准英文和中文缩进一样间距

9.text-align

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

10.line-height

行间距（每行文本的高度），该值越大，每行文本的距离越大

设置行高为容器高度，可以让单行文本垂直居中

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

11.width

宽度：文本背景宽度（左右）

12.height

高度：文本背景高度（上下）

13.letter-spacing

文字之间距离间隙