P6-1.CSS的基础美化网页元素
字体样式
span标签:重点突出的字,使用span套起来
- font-family:字体类型
- font-size:字体大小(px像素单位em间距单位)
- font-weight:字体粗细
- color:字体颜色
汇总表示:
font:oblique(字体风格) bold(粗细) 20px(字体大小)/50px(行高) “楷体”(字体类型)
文本样式
1. 颜色
2. 文本对齐方式
3. 首行缩进
4. 行高
5. 装饰
6. 图片文本水平对齐
color颜色
1.单词表示
2.RGB 0~F(red breen blue的首字母 FF0000为红色)
RGB A(透明度0~1)
文本对齐方式
文本水平对齐方式:
text-align:
一般居中center
文本垂直对齐方式(行高):
line-height:px(单位)
与块的高度一致就可以上下居中
文本段落首行缩进
text-indent:2em(em字符单位一般两个字符)
装饰
下划线:
text-decoration:underline
中划线:
text-decoration:line-through
上划线:
text-decoration:overline
图片文本水平居中对齐
vertical-align:middle
总的效果预览图