CSS 层叠样式表 (Cascading Style Sheets) 是一种用来表现 html 或 xml 等文件样式的计算机语言; 它主要用于设置网站外观, 让我们的网站更加绚丽, 引人注目.
CSS 主要用于设置网站外观, 让我们的网站更加绚丽, 引人注目; 不仅可以静态地修饰网页, 还可以配合各种脚本语言动态地对网页各元素进行格式化.
CSS 能够对网页中元素位置的排版进行像素级精确控制, 支持几乎所有的字体字号样式, 拥有对网页对象和模型样式编辑的能力.
CSS 样式表可以定义文本和其他 HTML 标记的颜色, 大小和位置, 而 HTML 文件定义内容及其组织方式. 把它们分开可以让你改变配色方案, 而不必重写整个网站.
级联则意味着应用于父元素的样式也将应用于父元素中的所有子元素. 例如, 设置正文的颜色将意味着正文中的所有标题和段落也将是相同的颜色.
指定和使用样式
包含 web 页面或站点样式表的主要方法有三种:
设置标签的 style="" 属性, 称为内联样式;
在 HTML 头标记中使用 < style > 标记;
创建并链接到外部 CSS 文件
基本样式表通常修改 HTML 标记的外观, 如 < body > 和 < p>. 在头文件中使用 CSS 文件或样式表时, 我们还可以定义样式类, 并使用 class="?" 属性将它们应用于任何元素, 但这超出了本简单指南的范围.
内联样式
HTML 中定义的内联样式只适用于它们添加到的标记.
<p style="color:red;">Some red text</p>
在 HTML 头中使用
标题中定义的样式将应用于整个页面. 下面的示例将使页面中的所有 h1 标记都以红色显示标题.
<head><style type="text/css"> h1 { color: red; }</style></head>
外部 CSS 文件
与 HTML 文件一样, CSS 文件也是纯文本, 并且通常具有. CSS 文件扩展名. 例如, style.CSS 文件内容可以如下所示:
body { background-color: beige; color: #000080;}h1 { color: red;}
然后可以使用 < link...> 在 header 头中引入生效.
- <head>
- <link rel="stylesheet" type="text/css" href="style.css" title="style">
- </head>
来源: http://www.css88.com/qa/css3/12601.html