贤话师兄
时光静好,与君语;细水流年,与君同;繁华落尽,与君老...

前端设计>知识整理>正文

网页文本格式化属性

若等贤 2018-02-26 11:57 字体文本格式化

1.字体属性

1.指定字体
  属性:font-family
  取值:字体名称,名称之间用逗号隔开
  ex:
  font-family:"微软雅黑",Arial,"黑体";
2.字体大小
  属性:font-size
  取值:以px或pt为单位的数字
3.字体加粗
  属性:font-weight
  取值:
     1.bold 加粗(b,hn)
 2.normal 正常
 3.value 无单位的数字(整百倍)
   400-900
   400:等同于normal
   900:等同于bold
4.字体样式
  属性:font-style
  取值:
     1.normal 正常显示 
 2.italic 斜体显示
5.小型大写字母
   将小写字符变成大写,但文本的大小与小写字符一致
   属性:font-variant
   取值:
      1.normal 正常
  2.small-caps 小型的大写字符
6.字体属性简写
  属性:font
  取值:style variant weight size family;
  注意:
    如果用简写方式,必须设置family的值,否则无效。
font:12px; 错误
font:12px "黑体"; 正确

 

2.文本格式

 
1.文本颜色
  属性:color
  取值:合法的颜色值
2.文本排列
  作用:指定文本,行内,行内块元素的水平对齐方式。
  属性:text-align
  取值:left/center/right/justify(两端对齐)
3.文字修饰(线条)
  属性:text-decoration
  取值:
    none:无任何线条修饰
underline:下划线修饰
overline:上划线修饰
    line-through:删除线修饰
4.行高
  作用:定义一行文本的高度
  特点:如果行高的高度大于字体本身的大小,那么该行文本将在指定的行高内呈现垂直居中的效果。
  属性:line-height
  取值:以px为单位数值
5.首行文本缩进
  属性:text-indent
  取值:以px为单位的数值
6.文本阴影
  属性:text-shadow
  取值:h-shadow v-shadow blur color;

本文链接:https://blog.weguiding.com/web/bj_266.html