什么是CSS

  CSS是Cascading Style Sheet的缩写。译做”层叠样式表单“。是用于（加强）控制网页样式并容许将样式信息与网页内容分离的一种标记性语言。使用CSS样式能够控制许多仅使用HTML没法控制的属性。HTML是一种标记性语言。当在浏览器中打开一个HTML网页时，浏览器将读取该网页中的HTML标签，并根据内置的解析规则将网页元素呈现出来。css（层叠样式表）决定浏览器将如何描述html元素的表现形式。换而言之，CSS就是描述HTML元素的规则。CSS目前最新版本为CSS3，CSS可以根据不一样使用者的理解能力，简化或者优化写法，针对各种人群，有较强的易读性。
  CSS层叠样式表是一系列格式设置的规则，它们控制网页内容的外观。使用CSS设置页面格式时，能够将内容与表现形式分开。网页内容（即HTML代码）驻留在HTML文件自身中，而用于定义代码表现形式的CSS规则驻留在另外一个文件（外部样式表）或HTML文档的另外一部分（一般为文件头部分）中。使用CSS能够更加灵活地控制具体的页面外观，从精确的布局定位到特定的字体和样式。
  CSS容许控制HTML没法独自控制的许多属性。例如，能够为选定的文本指定不一样的字体大小和单位（像素、磅值等）。经过CSS能够用像素为单位来设置字体大小，从而能够确保在多个浏览器中以更一致的方式处理页面布局和外观。除设置文本格式外，还可使用CSS控制网页中块级别元素的格式和定位。例如，能够设置块级别元素的边距和边框，其余文本周围的浮动文本等。
  CSS格式设置规则由选择器和声明两部分组成，其中选择器是标识格式元素的术语（如p、h一、类名或id），声明用于定义元素样式。
  CSS的主要优势是提供了便利的更新功能。设计网站时，能够建立一个CSS样式表文件，而后将网站中的全部网页都链接到该样式表文件，这样很容易为Web站点内的全部网页提供一致的外观和风格。当更新某同样式属性时，使用该样式的全部网页的格式都会自动更新为新样式，而没必要逐页进行修改。
  在实际应用中，通常有如下三种级联方式。

1. 外联式

外联式样式表中，CSS 代码做为文件单独存放，如以 style.css 文件包含全部样式。在 HTML 中的外部级联采用 <link> 标记或者 @import 语句来引入。示例代码以下：

<link rel="stylesheet" href="style.css" type="text/css" /> //link 连接
@import url("style.css"); //@import 导入

<link> 和 @import 的异同可参考此文：CSS 外部引用中 link 与 @import 的区别。

1. 内联式

门户网站的 CSS 代码一般采用嵌入式，即一般所说的内联方式 (Inline Style)，其使用 <style> 标记将样式定义为内部块对象。示例代码以下：

<style type="text/css">
<!--
body
-->
</style>

内联 CSS 能够有效减小 HTTP 请求，提高页面性能，缓解服务器压力。因为浏览器加载完 CSS 才能渲染页面，所以能防止 CSS 文件没法读取而形成页面裸奔的现象。

1. 嵌入式

最初级的 CSS 写法即把代码直接添加于所修饰的标记元素。示例代码以下：

<div style="font-family:Arial,Helvetica,sans-serif;">芒果</div>

这样作虽然更为直观，但很大程度上加大了页面体积，不符合结构与表现分离的设计思想。

整体而言，外联和内联各有优势，可综合实际状况选择适合的级联方式。
  以上内容部分来自网络。若有侵权，请告知后当即删除。
转载于猿2048:➞《什么是CSS》