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