CSS样式表的特点: 1、丰富的样式定义; 2.易于使用和更改,CSS样式表可以统一存储所有样式声明并统一管理; 3、多页面应用可以实现多种页面风格的统一。 ; 4、级联; 5. 页面压缩以减少下载时间。
本教程的运行环境:Windows 7系统,CSS3版本,Dell G3笔记本。
什么是CSS
CSS是Cascading Style Sheet的缩写,中文译为“层叠样式表”。 它是一种用于控制网页样式的标记语言,并允许样式代码和网页内容分离。
简单来说,CSS的引入就是为了让HTML语言更好的适应页面的美术设计。
CSS于1996年被W3C审查并推荐,CSS的推出随后引发了网页设计的新热潮,使用CSS设计的优秀页面层出不穷。
W3C是World Wide Web Consortium的缩写,中文译为“万维网联盟”。 它是一个 Web 标准化组织。 除了制定CSS标准外,W3C还制定了HTML、XML等200多个Web技术标准。
CSS基于HTML语言,提供丰富的底层功能,如字体、颜色、背景、整体布局等。 网页设计者可以为各种视觉浏览器(包括显示器、打印机和平板电脑)设置不同的样式。 、手机等联通设备。
CSS样式表的特点:
1.丰富的样式定义
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力; 允许您为任何元素创建边框,以及元素边框与其他元素之间的距离,以及元素边框与元素内容之间的距离; 可以让你随意改变文字的大小写、修改方式以及其他页面效果。
2. 易于使用和更改
CSS 可以在 HTML 元素的 style 属性中定义样式,也可以在 HTML 文档的 header 部分中定义样式,也可以在特殊的 CSS 文件中声明样式以供 HTML 页面引用。 简而言之,CSS样式表可以统一存储所有样式声明并统一管理。
另外,可以对相同样式的元素进行分类,并使用相同的样式进行定义。 您还可以将特定样式应用于具有相同名称的所有 HTML 标记,或将 CSS 样式分配给特定页面元素。 如果我们想要改变样式,只需要在样式列表中找到对应的样式语句并进行更改即可。
3. 多页面应用
CSS样式表可以存储在单独的CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。 理论上css表格有,CSS样式表不属于任何页面文件,可以在任何页面文件中引用。 这样就可以统一多个页面的风格。
4. 堆叠
简单来说,级联就是在一个元素上多次设置同一个样式,会使用最后一次设置的属性值。 例如,如果您对网站中的多个页面使用同一组 CSS 样式表css表格有,并且想要对各个页面上的各个元素使用其他样式,则可以为这些样式定义单独的样式表,并将它们应用到页。 后面定义的这些样式会重新绘制上面的样式设置,在浏览器中看到的将是先设置的样式效果。
5. 页面压缩
在使用HTML定义页面效果的网站中,往往需要大量或重复的表格和字体元素来生成各种大小的文本样式。 这样做的结果就是会形成大量的HTML标签,从而减小页面文件的大小。 将样式声明单独放在CSS样式表中可以大大减小页面的大小,加载页面的时间也会大大减少。
另外,CSS样式表的复用更大程度地减小了页面的大小,减少了下载时间。