font字体
1. font-size大小
font-size属性用于设置字号。
相对长度单位 | 说明 |
---|---|
em | 文本的字体尺寸 |
px | 像素,常用 |
谷歌浏览器默认的文字大小为16px
2. font-family字体
可以用这个属性设置使用哪一种字体。
也可同时指定多个字体
p{font-family: Arial,‘微软雅黑’;}
3. font-weight字体粗细
字体加粗还可以用标签来实现,使用b标签和strong标签加粗。
属性值 | 描述 |
---|---|
normal | 默认值 不加粗 |
bold | 加粗 |
100-900 | 400等于不加粗,700等于bold |
4. font-style字体风格
字体倾斜还可以用标签来实现,使用i标签和em标签加粗。
normal默认值,italic浏览器会显示斜体的字体样式
5. font综合样式
基本语法格式如下:
选择器{font:font-style font-weight font-size/line-height font-family}
其中不需要的设置的属性可以省略取默认值,但必须保存字号和字体标签否则font属性不起作用。
css外观属性
color文本颜色
用于定义文本的颜色,其取值方式有3中:
表示 | 属性值 |
---|---|
预定义的颜色值 | red,green,blue等等 |
十六进制 | 如#FF0000,#FF6600等 |
RGB颜色值 | rgb(255,0,0) |
text-align文本水平对齐方式
属性值有left左对齐、right右对齐、center居中对齐
- line-height用于设置行间距即字符的垂直间距
- text-indent首行缩进用于首行文本的缩进
text-decoration 文本修饰
用于给链接修改装饰效果
值 | 描述 |
---|---|
none | 默认值 |
underline | 定义文本下的一条线,下划线 |
overline | 定义文本上的一条线 |
line-through | 定义穿过文本下的一条线 |