什么是css层叠样式表?

CSS层叠样式表 (Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言;它主要用于设置网站外观,让我们的网站更加绚丽,引人注目。

CSS主要用于设置网站外观,让我们的网站更加绚丽,引人注目;不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS样式表可以定义文本和其他HTML标记的颜色、大小和位置,而HTML文件定义内容及其组织方式。把它们分开可以让你改变配色方案,而不必重写整个网站。

指定和使用样式

包含web页面或站点样式表的主要方法有三种:

  1. 设置标签的style=""属性,称为内联样式;

  2. 在HTML头标记中使用<style>标记;

  3. 创建并链接到外部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技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑