常见样式声明
注释:ctrl+?
color:颜色
元素内部的文字颜色。
- 预设值:定义好的单词
- 三原色、色值:(红、绿、蓝)每个颜色可以用数字表示0~255
色值(红,绿,蓝)
rgb表示法:
rgb(0,0,0)
hex(16进制)表示法:
#红绿蓝
#008c8c
淘宝红:#ff4400,#f40
黑色:#000000
白色:#ffffff
红色:#ff0000
绿色:#00ff00
蓝色:#0000ff
紫色:#ff00ff
青色:#00ffff
黄色:#ffff00
灰色:#ccc
background-color:元素背景颜色
font-size:元素内部文字的尺寸大小。
- px:像素,绝对单位(可理解为文字的高度占多少个像素)
- em:相对单位,相对于父元素的字体大小。
每个元素必须有字体大小,如果没有声明,则直接继承父元素的字体大小。。如果没有父元素(html),则使用基准字号(浏览器设置的字体大小)。
font-weight:粗细
文字的粗细程度,可以用数字取值,也可以用预设值。
加粗:bold
正常:normal
strong元素:默认加粗。表示重要的、不能忽略的内容。
font-family:文字类型
黑体、宋体
必须用户计算机中有字体,才会有效。
使用多个字体,从特殊到普通。
sans-serif:表示非衬线字体
font-family: Arial, Helvetica, sans-serif,翩翩体-简,微软雅黑;
font-style:字体样式
用于设置斜体(italic)
正常:nomal
1. i元素,默认字体是斜体。实际使用中,通常用于表示一个图标。
2. em元素:默认斜体。表示强调的内容。
text-decoration:文本修饰
给文本加线。
line-through:在文本中间加线。
overline:在文本上方加线。
underline:在文本下方加线。
none:无线。
**a元素:**默认文本下方加线。
**del元素:**错误的内容。内容默认中间加线。
成语:<del>章</del>张口就来
**s元素:**过期的内容。
<p>
活动价:98,原价:<s>150</s>
</p>
text-indent:文本首行缩进
可以写像素px、em
line-height:行高
- 每行文本的高度,值越高,每行文本的距离
- 行高可以设置为纯数字,表示相对于当前元素的字体大小。
第一种:line-height:1.5
第二种:
p{
background-color:#008c8c;
color:#fff;
height:50px;
line-height:50px;
}
width:背景宽度
height:背景高度
letter-spacing:字体间隙
letter-spae:1px;
letter-space:1em,每个文字间隔一个字体。
text-align:文字水平排列方式
默认靠左排列。