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>
以上就是什么是css层叠样式表?的详细内容,更多请关注0133技术站其它相关文章!