-
color
- 文字颜色,这个属性能够继承,能够用3种表示法来表示。
- rgb()表示法
- 单词表示法
- 十六进制表示法
- 文字颜色,这个属性能够继承,能够用3种表示法来表示。
-
font-size
- 文字大小,有单位,像素px 相对大小em.
- 设置font-size:20px .实际测量汉字可能只有18px高。
- 设计图多少字号,就设置多大字号,如果没有字号,自己打一个相同的字,与设计图的字进行比对。能够重合。
- 各个浏览器的默认字号都不一样,有的是12px,有的是14px.所以设计图上的文字,都要写字号。
- chrome浏览器支持的最小字号是12px,低于12px字号,仍以12px显示。
-
line-height
- line-height 表示行高 ,sublime里面的快捷键是lnh. 文字所在这一行的高度,称为行高,文字在行里垂直居中。
- 如何测量行高,写上下两行各一个字,比对大小,
- 设计图带有行高,可以直接使用,
- 注意测量时要调整字体单位为px.
- line-height 可以使用px为单位,也可以用百分比为单位。如果用百分比为单位,那么就是当前字号的百分比。例如
{font-size:14px; line-height:150%;}
相当于{font-size:14px; line-height:21px;}
-
font 属性
{font:14px/28px;}
相当于{font-size:14px; line-height:28px;}
-
font-family
- 字体属性 所有字体都要用英语引号引用起来。为了让所有的用户都有一致的体验,只能用宋体、微软雅黑
{font-family:"宋体"; font-family:"微软雅黑";}
- 一般来说,如果设置为微软雅黑,那么就要设置一个备选字体,别选字体一般是宋体,用逗号隔开列举出来。
{font-family:"微软雅黑","宋体";}
- 英文字体一般写在前面
{font-family:"Arial","Microsoft Yahei";}
-
font-weight
{font-weight:bold;}
{font-weight:700;}
加粗文字{font-weight:400;}
{font-weight:normal;}
正常的文字
-
font-style
{font-style:italic;}
倾斜
-
text-decoration 文本装饰
{text-decoration:underline;}
下划线{text-decoration:line-through;}
删除线
- 补充小知识
- 如果要给超级链接设置颜色,它不从父元素继承,必须自己给a元素写一个颜色。例如
ul li a{color:red; text-decoration:none;}
- 如果要给超级链接设置颜色,它不从父元素继承,必须自己给a元素写一个颜色。例如