Web学习（三）常见样式声明

常见样式声明

color

元素内部的文字颜色,颜色的表达方法有下列几种:

1. 预设值
2. 三原色,色值: 光学三原色(红,绿,蓝),每个颜色可以使用0-255之间的数字来表达.

color: rgb(0,255,0); 
color: rgba(255,255,255,0.5);

马斯绿: #008c8c
淘宝红: #ff4400,#f40
黑色: #000000,#000
白色: #ffffff,#fff
红色: #ff0000,#f00
绿色: #00ff00,#0f0
蓝色: #0000ff,#00f
紫: #f0f
青: #0ff
黄: #ff0
灰色: #ccc

background-color

元素内部的背景颜色

font-size

元素内部文字的尺寸大小

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

每个元素必须要有字体大小,如果没有设置,则使用父元素的字体大小,若根元素也没设置字体大小,则使用基准字号(浏览器自己设置的基准字号)。

font-weight

文字粗细程度,可以取值数字,也可以取值为预设值

font-weight: normal;
font-weight: bold;

font-family

文字类型

必须是用户计算机中存在这个字体，才会有效显示.

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

sans-serif: 非衬线字体。

font-style

字体样式,常用来设置斜体

text-decoration

文本修饰,给文本加一些修饰操作,比如下划线、删除线等。可以用来消除下列元素的样式.

<a>
<del>

text-indent

首行文本缩进

line-height

单行文本的高度

可以将其设置为容器的高度,以达到单行文本垂直居中的效果

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

text-align

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