CSS - 介绍

CSS是层叠样式表(Cascading Style Sheets)的缩写。它帮助将HTML元素的呈现定义为一个单独的文件，这个文件被称为CSS文件，具有.css扩展名。

什么是CSS？

• CSS代表层叠样式表，用于描述网页的呈现和设计。
• 使用CSS，您可以控制文本的颜色、字体样式、段落间距、列的大小和布局方式、使用的背景图像或颜色。
• CSS可以同时控制多个网页的布局。

CSS样式示例

以下是网页的布局，点击下面的按钮为页面添加CSS样式，看看有CSS和无CSS的网页之间的区别。

为什么使用CSS？

• CSS节省时间：您可以编写一次CSS，然后在多个HTML页面中重复使用相同的样式表。
• 页面加载更快：如果您使用CSS，不需要每次都编写HTML标签或属性。只需编写一个标签的CSS规则，并将其应用于该标签的所有出现。
• 易于维护：要进行全局更改，只需更改样式，所有网页中的所有元素将自动更新。
• 比HTML更优越的样式：CSS比HTML有更广泛的属性数组，因此您可以使HTML页面看起来好得多。
• 多设备兼容性：对于相同的HTML文档，可以为不同的屏幕宽度呈现网站的不同版本。
• 全球网络标准：现在大多数HTML属性已被弃用，建议使用CSS。

CSS语法

CSS语法由选择器和声明组成，用于将样式应用于HTML元素。

selector {
    property: value;
}

• 选择器定位您想要设置样式的HTML元素。
• 声明块包含一个或多个用花括号{}括起来的声明。
• 每个声明由一个属性和一个值组成，用冒号:分隔。声明用分号;分隔。

CSS中有几种类型的选择器可用，常用的选择器是类、ID和标签。要了解完整的选择器列表，请访问CSS选择器文章。

CSS历史和版本

CSS的当前版本是CSS3，早期版本是CSS1和CSS2。目前，CSS正在不断发展和适应满足当前网站需求的新功能。

层叠样式表第1级(CSS1)于1996年12月作为W3C推荐发布。该版本描述了CSS语言以及所有HTML标签的简单视觉格式模型。

CSS2于1998年5月成为W3C推荐，并基于CSS1构建。此版本添加了对媒体特定样式表的支持，例如打印机和听觉设备、可下载字体、元素定位和表格。

CSS3于1999年6月成为W3C推荐，并基于旧版本的CSS。它被划分为称为模块的文档，每个模块包含在CSS2中定义的新扩展功能。

CSS3模块

CSS3模块包含旧的CSS规范和扩展功能。

• 选择器
• 盒模型
• 背景和边框
• 图像值和替换内容
• 文本效果
• 2D和3D变换
• 动画
• 多列布局
• 用户界面