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 清除浮动方法大全
- php+mysql5半自动注入工具图文教程
- css 使用relative设置top为百分比值的方法(仿百度首
- ai怎么设计圣诞节装饰素材-
- HTML5在线预览PDF的示例代码
- ThinkPad T460值得买吗?联想ThinkPad T460全面深度评测
- Linux环境下MySQL服务器优化的方法详解
- 电脑蓝屏的原因和解决方法
- 基于Http Header的SQL注入的方法详解
- 浅谈css动画是否会被js阻塞
- 五把技术利剑决胜智能穿戴产业
- css3 flex布局 justify-content-space-between 最后一行左对
- 罗技G102鼠标左键单击变双击怎么办-
- 红米Note 2获入网许可 或售799元
- 8个拍摄长曝相片的必需器材详情介绍