常见样式声明
- color
元素内部文字的颜色
预设值:定义高的单词
三原色,色值:光学三原色(红、绿、蓝),每个颜色可以使用0~255之间的数字来表示,色值。
rgb表示法:
rgb(0,255,0)
hex(16进制)
淘宝红:#ff4400, #f40
黑色:#000000,#000
白色:#ffffff, #fff
红:#ff0000, #f00
绿:#00ff00, #0f0
蓝:#0000ff, #00f
紫:#f0f
青:#0ff
黄:#ff0
灰色:#ccc
- background-color
元素背景颜色
- font-size
元素内部文字的尺寸大小
1)px: 像素,简单的理解为文字的高度占多少个像素
2)em: 相对单位,相对于父元素的字体大小
每个元素必须有字体大小,如果没有声明,则直接使用父元素的字体大小,如果没有父元素(html),则使用基准字号。
user agent,UA,用户代理(浏览器)
- font-weight
文字精细程度,可以取值数字,可以取值为预设值
默认值:normal 正常粗细 ===> 400取值
加粗:bold ===> 700
strong元素默认加粗,表示重要的、不能忽略的内容
- font-family
文字类型
必须用户计算机中存在的字体才有效。
使用多个字体,一匹配不同环境
sans-serif, 非衬线字体
- font-style
字体样式,通常用它设置斜体
值:
italic 倾斜
i、em元素,默认样式,是倾斜字体;
i元素:表示一些特殊的文本,实际使用中,同常用它表示一个图标(icon)
em:表示强调的内容
- text-decoration
文本修饰,给文本加线。
值:
underline 下划线
none 没有线
a元素
del元素:错误的内容
s元素:过期的内容
- text-indent
首行文本缩进
- line-height
每行文本的高度,该值越大,每行文本的距离越大
设置行高为容器的高度,可以让单行文本垂直居中
行高可以设置为纯数字,表示相对于当前元素的字体大小
- width
宽度
- height
高度
- letter-space
文字间隙
- text-align
元素内部文字的书平排列方式
值:
right 右
left 左
center 居中