2015.5.3

  用font-serif来控制文本的字体。

  用font-size来控制字体大小

  用color给文本添加颜色

  用font-weight来设置字体粗细

  用text-decoration给文本添加更多样式

1.font-family包括一系列具有相同特征的字体,一共有五种,sans-serif、serif、monospace、cursive和fantasy。每个系列又包括许多字体:

sans-serif系列没有衬线,更具可读性,比如:Verdana、Arial Black、Trebuchet MS、Arial、Geneva。

Serif系列是有衬线的字体,一般用于印刷业,比如:Times、Times New Roman、Georgia。

Monospace系列的字母具有相同宽度,一般用于显示软件代码实例,比如:Courier、Courier New、Andale Mono等。

Cursive系列是一些看起来像手写的字体,有时用于标题,比如:Comic Sans、Apple chancery。

Fantasy系列是一些有固定装饰的字体,此类不常见,且在Web设计中也不常用,比如:Last Ninja、Impact。

2.用CSS来定义字体系列,比如:

body{ 
    font-family:Verdana,Geneva,Arial,sans-serif;
}

可以用font-family定义多种字体,只要用逗号把字体名称分开即可,末尾通常使用一个常用的字体系列名,像"sans-serif"、"serif"、"monospace"。

这样做的好处是,如果以上写的字体都没有,就会使用浏览器默认的某个"sans-serif"字体。

注:当下最适合body文本的字体系列是:sans-serif。


3.font-size是控制字体大小的,可以用“%”来百分比的控制字体大小,也可用“em”来指定比例因数控制字体大小,或用"px"来指定字体像素。

注,h1字体大小是21px,h2是17px,p是14px。

还有一种方法,是用关键字来控制字体大小,从大到小依次排列为:XX-large,X-large,large,medium,small,X-small,XX-small。(和衣服的尺码一个意思,XXL,XL,L,M,S,XS,XXS……)

注:一般用最后一种办法最好,好处在于就是网页的默认字体大小,相对规范。

4.font-weight可更改字体粗细,“bold”为加粗,若“子承父”的情况下,想要把某子文本变细,可以“normal”变细。

注:也可以把font-weight的属性值设置为100-900之间的一个数值,但有些浏览器或字体不支持这个方法,故此不常用。

5.可以用font-style在css中给文本添加斜体样式,属性值有两种,一是“italic”,另一种是“oblique”,不论哪一种,都无法确保所有的文本都倾斜,所以如果这很重要,只有同时测试字体和浏览器以达到最佳状态。

6.“background-color”用来定义背景颜色;

  属性值可以直接是颜色的名称,也可以是百分比、0-255之间的一个数值,但要以红、绿、蓝的顺序,以各色的比重不同,组合而出一个新颜色。

也可以用十六进制代码来定义颜色,比如:#CC6600。“CC”是红,“66”是绿,“00”是蓝。

注:以上仅供了解,可以使用软件以个人喜好自由调色,然后取出十六进制代码写进CSS内。

7."text-decoration负责给文本添加修饰,比如:

p{
    text-decoration:line-through;
}

注:“through”会使“P”元素的文本中央有条线穿过。

“text-decoration”可以同时设置很多个值,比如:

p{
  text-decoration:line-through overline;
}

注:这样,既有“line-through”,又有"overline"。

若文本继承了不想要的文本修饰,可以用“none”去掉。














你可能感兴趣的:(2015.5.3)