前端开发CSS特色与评价

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不只能够静态地修饰网页，还能够配合各类脚本语言动态地对网页各元素进行格式化。

CSS 可以对网页中元素位置的排版进行像素级精确控制，支持几乎全部的字体字号样式，拥有对网页对象和模型样式编辑的能力。

课程连接：前端开发CSS基础

特色：

• 丰富的样式定义

CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；容许为任何元素建立边框，以及元素边框与其余元素间的距离，以及元素边框与元素内容间的距离；容许随意改变文本的大小写方式、修饰方式以及其余页面效果。

• 易于使用和修改

CSS能够将样式定义在HTML元素的style属性中，也能够将其定义在HTML文档的header部分，也能够将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表能够将全部的样式声明统一存放，进行统一管理。

另外，能够将相一样式的元素进行归类，使用同一个样式进行定义，也能够将某个样式应用到全部同名的HTML标签中，也能够将一个CSS样式指定到某个页面元素中。若是要修改样式，咱们只须要在样式列表中找到相应的样式声明进行修改。

• 多页面应用

CSS样式表能够单独存放在一个CSS文件中，这样咱们就能够在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中均可以将其引用。这样就能够实现多个页面风格的统一。

• 层叠

简单的说，层叠就是对一个元素屡次设置同一个样式，这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表，而某些页面中的某些元素想使用其余样式，就能够针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写，在浏览器中看到的将是最后面设置的样式效果。

• 页面压缩

在使用HTML定义页面效果的网站中，每每须要大量或重复的表格和font元素造成各类规格的文字样式，这样作的后果就是会产生大量的HTML标签，从而使页面文件的大小增长。而将样式的声明单独放到CSS样式表中，能够大大的减少页面的体积，这样在加载页面时使用的时间也会大大的减小。另外，CSS样式表的复用更大程序的缩减了页面的体积，减小下载的时间。

工做原理：

CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式能够直接存储于HTML网页或者单独的样式单文件。不管哪种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素，如文本段落或连接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页经过一个特殊标签连接外部样式单。

名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。具体地说，CSS样式单中的样式造成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。

语言评价：

层叠样式表（Cascading Style Sheet，CSS）有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大，而且这种影响多是无止境的。将网页的大部分甚至是所有的表示信息从（X）HTML文件中移出，并将它们保留在一个样式表中有诸多优势，如下降文件大小、节省网络带宽以及易于维护等。此外，站点的表现信息和核心内容相分离，使得站点的设计人员可以在短暂的时间内对整个网站进行各类各样的修改。
CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减小了须要上传的代码数量（由于重复设置的格式将被只保存一次）。只要修改保存着网站格式的CSs样式表文件就町以改变整个站点的风格特点，在修改页面数量庞大的站点时，显得格外有用。这就避免了一个个网页的修改，大大减小了工做量。

更多精品课程：

阿里云大学官网（阿里云大学 - 官方网站，云生态下的创新人才工场）