css对于字体和背景等属性的控制
上篇文章详细阐述了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:属于等宽字体,字母宽度均一,一般用于对单词长度控制比较严格的地方,如报纸印刷品。
在理解了这些字体的特性和用途后,你就可以根据网站的需求和设计师的意图选择合适的字体了。无论是为了增强阅读体验,还是为了提升网站的美观度,掌握这些字体的知识都是非常重要的。
seo推广
- css对于字体和背景等属性的控制
- 如何解决外边距margin叠加的问题探讨
- 入门-CorelDRAW智能填充工具的运用
- U盘怎么安装Win10一周年正式版 Win10一周年更新正
- Maya对象怎么隐藏与取消隐藏-
- ai怎么设计开业庆典的横幅矢量素材-
- 笔记本怎么手动涉资CPU限制内存频率-
- 电脑怎么将视频设置为动态壁纸-
- 如何在苹果Mac电脑上更改文件的扩展名-
- ai怎么画小狐狸- ai画卡通狐狸的教程
- html5 application cache遇到的严重问题
- CAD文字怎么沿弧线排列-
- Win8系统右侧滑出的“设备”超级按钮如何使用
- 3DS MAX中利用毛发修改器制作逼真仙人球效果
- ai怎么设计创意的文字- ai图形文字字体的设计方
- 156cm的女生怎么拍出大长腿效果-