4、网页样式设计全攻略：从基础到实践

网页样式设计全攻略：从基础到实践

1. CSS版本概述

CSS有着丰富的版本历史，主要标准版本包括1、2和2.1。在2.1版本之后，由于标准内容变得过于庞大，因此决定将其拆分。实际上并不存在CSS3这个单一版本，CSS3是一系列模块的统称，每个模块都有自己的版本号。以下是各版本的详细信息：
| 版本号 | 发布年份 | 显著特性 |
| ---- | ---- | ---- |
| 1 | 1996 | 基本字体属性（font-family, font-style）、前景色和背景色、文本对齐、边距、边框和内边距 |
| 2 | 1998 | 绝对、相对和固定定位；新的字体属性 |
| 2.1 | 2011 | 移除了浏览器支持不佳的特性 |
| “3” | 不同时期 | 一系列不同的规范，如媒体查询、新的选择器、半透明颜色、@font-face |

2. 添加favicon.ico图标

许多网站在浏览器地址栏左侧或标签页上会显示一个小图标，这就是favicon.ico图像文件。浏览器默认会请求这个图标，如果网站没有提供，可能会在开发者工具中出现错误提示，但这不会影响项目。若想添加favicon.ico图标，可以按照以下步骤操作：
1. 进行网页搜索，输入“favicon generator”，会出现一系列可进行文件转换的网站。
2. 选择一个网站，上传任意一张水獭图片。
3. 将生成的favicon.ico文件保存到与index.html文件相同的文件夹中。
4. 重新加载浏览器，浏览器标签页就会显示该图标。

3. 样式设计基础

在设