css对于字体和背景等属性的控制

网络推广 2025-06-02 03:22www.dzhlxh.cn网络推广竞价

上篇文章详细阐述了CSS对颜色和文本属性的控制,这篇文章将为你揭示CSS对于字体、背景等属性的魅力所在。

在CSS中,字体控制是至关重要的一环,涉及到的属性包括字体家族(font-family)、字体样式(font-style)、字体变体(font-variant)、字体粗细(font-weight)以及字号(font-size)。

其中,字体家族(font-family)是由字体名和字组名两部分组成。让我们以Jorux首页的CSS文件为例,body部分有这样一段代码:

```css

body {

font: normal 12px/1.5 Georgia, sans-serif;

...

}

```

在这段代码中,蓝色的部分是字体家族(font-family)的属性值。其中,“Georgia”是字体名,而“sans-serif”则是字组名。字组主要分为衬线字体(Serif)、非衬线字体(Sans-Serif)和等宽字体(MonoSpace)三种。

对于中文Windows系统,常见的汉字字体有宋体、楷体、黑体和默认字体。其中,楷体的英文字体名为kaiti_gb2312。

还有一些常用的英文字体,如Arial、Verdana、Georgia和Courier。它们分别属于sans-serif字组,各自有着独特的特性和用途。

Arial:亲和力强,阅读不易疲劳,是几乎所有Web 2.0站点(如Google、Flickr、Wikipedia等)的正文甚至标题字体的首选。

Verdana:由微软出品,几乎能在任何地方看到,是目前使用最为广泛的字体。

Georgia:因其花哨的衬线被很多网页设计师所青睐,逐渐取代了Times New Roman在serif字组中的核心地位。本网站的标题也使用的是Georgia字体。

Courier:属于等宽字体,字母宽度均一,一般用于对单词长度控制比较严格的地方,如报纸印刷品。

在理解了这些字体的特性和用途后,你就可以根据网站的需求和设计师的意图选择合适的字体了。无论是为了增强阅读体验,还是为了提升网站的美观度,掌握这些字体的知识都是非常重要的。

上一篇:如何解决外边距margin叠加的问题探讨 下一篇:没有了

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板