常见样式声明
1. color
(可以被继承)
元素内部的文字颜色
预设值:定义好的单词
三原色,色值:光学三原色(红,绿,蓝),每个颜色可以使用0-255之间的数字来表达(数值越大,颜色越亮)
两种表示方法:
· rgb表示法:(x,x,x)x属于0~255,代表红绿蓝
rgb(0,255,0)
· hex(16进制)表示法:#红绿蓝,把数字换成两位十六进制的数,#xxxxxx,每两位代表一个颜色,如果是 #aabbcc,则也可以表示为#abc
2. backgroung-color
(不能被继承)
元素背景颜色
淘宝红:#ff4400,#f40
黑色:#000000,#000
白色:#ffffff,#fff
红:#ff0000,#f00
绿:#00ff00,#0f0
蓝:#0000ff,#00f
紫:#f0f
青:#0ff
黄:#ff0
灰色:#ccc
3. font-size
(可以被继承)
元素内部文字的尺寸大小
1)px:像素,绝对单位,简单的理解为文字的高度占多少个像素
2)em:相对单位,相对于父元素的字体大小
每个元素必须有字体大小,如果没有声明,则直接使用父元素的字体大小,如果没有父元素(html),则使用基准字号。
user agent,UA,用户代理(浏览器)
4. font-weight
(可以被继承)
文字粗细程度
可以取值数字,可以取值为预设值(400)
strong、em元素 (默认加粗)
5. font-family
文字类型,必须用户计算机上面存在的字体才会有效
使用多个字体,以匹配不同环境
最后使用sans-serif,默认的非衬线字体,用于古老的计算机,防止最后显示不出文字
6. font-style
(可以被继承)
字体样式,通常用它设置斜体
i元素,em元素,默认倾斜字体
em元素:表示强调的内容,斜体
strong:加粗
i元素:默认样式倾斜字体,用来表示科技术语,其他语种的成语俗语、想法、宇宙飞船的名字等等。
实际使用中,通常用它表示一个图标(icon))
7. text-decoration
(不能继承)
文本修饰,给文本加线。
line-through:给中间加一条线
overline:给上面加一条线
underline:给下面加一条线
a元素:默认下划线,
不要下划线就给后面加一个none
del元素:错误的内容,默认line-through
成语:<del>章</del>张口就来 给章字中间画一条线
s元素:过期的内容,默认line-through
8. text-height
(可以被继承)
首行文本缩进
9. line-height
行高(可以被继承)
每行文本的高度,该值越大,每行文本的距离越大
设置行高为容器的高度,可以让单行文本垂直居中
行高可以设置为纯数字,表示相对于当前元素的字体大小
(在多行文字的时候,用line-height:1.5)
10. width
(不能被继承)
宽度
11. height
(不能被继承)
高度
12. letter-space
(可以被继承)
文字间隙
letter-space:3px或者2em
13. text-align
(可以被继承)
元素内部文字的水平排列方式
left,right,center