Dreamweaver CC教程:关于层叠样式表(CSS)

Dreamweaver CC教程:关于层叠样式表(CSS)

Dreamweaver CC教程:关于层叠样式表(CSS)

关于层叠样式表

层叠样式表 (CSS) 是一组格式设置规则,用于控制网页内容的外观。通过使用 CSS 样式设置页面的格式,可将页面的内容与表示形式分离开。页面内容(即 HTML 代码)存放在 HTML 文件中,而用于定义代码表示形式的 CSS 规则存放在另一个文件(外部样式表)或 HTML 文档的另一部分(通常为文件头部分)中。将内容与表示形式分离可使得从一个位置集中维护站点的外观变得更加容易,因为进行更改时无需对每个页面上的每个属性都进行更新。将内容与表示形式分离还会可以得到更加简练的 HTML 代码,这样将缩短浏览器加载时间,并为存在访问障碍的人员(例如,使用屏幕阅读器的人员)简化导航过程。

使用 CSS 可以非常灵活并更好地控制页面的确切外观。使用 CSS 可以控制许多文本属性,包括特定字体和字大小;粗体、斜体、下划线和文本阴影;文本颜色和背景颜色;链接颜色和链接下划线等。通过使用 CSS 控制字体,还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。

除设置文本格式外,还可以使用 CSS 控制网页面中块级别元素的格式和定位。块级元素是一段独立的内容,在 HTML 中通常由一个新行分隔,并在视觉上设置为块的格式。例如,h1 标签、p 标签和 div 标签都在网页面上产生块级元素。可以对块级元素执行以下操作:为它们设置边距和边框、将它们放置在特定位置、向它们添加背景颜色、在它们周围设置浮动文本等。对块级元素进行操作的方法实际上就是使用 CSS 进行页面布局设置的方法。

 

推荐阅读