P6-1.CSS的基础美化网页元素

字体样式

span标签:重点突出的字,使用span套起来
P6-1.CSS的基础美化网页元素

  1. font-family:字体类型
  2. font-size:字体大小(px像素单位em间距单位)
  3. font-weight:字体粗细
  4. color:字体颜色
    汇总表示:
    font:oblique(字体风格) bold(粗细) 20px(字体大小)/50px(行高) “楷体”(字体类型)
    P6-1.CSS的基础美化网页元素

文本样式

1. 颜色
2. 文本对齐方式
3. 首行缩进
4. 行高
5. 装饰
6. 图片文本水平对齐

color颜色

1.单词表示
2.RGB 0~F(red breen blue的首字母 FF0000为红色)
RGB A(透明度0~1)
P6-1.CSS的基础美化网页元素

文本对齐方式

文本水平对齐方式
text-align:
一般居中center
文本垂直对齐方式(行高)
line-height:px(单位)
与块的高度一致就可以上下居中
P6-1.CSS的基础美化网页元素

文本段落首行缩进

text-indent:2em(em字符单位一般两个字符)

装饰

下划线
text-decoration:underline
中划线
text-decoration:line-through
上划线
text-decoration:overline
P6-1.CSS的基础美化网页元素

图片文本水平居中对齐

vertical-align:middle
P6-1.CSS的基础美化网页元素
总的效果预览图
P6-1.CSS的基础美化网页元素