什么是 CSS？
CSS (Cascading Style Sheets) 用于渲染 HTML 元素标签的样式，为网页赋予丰富多样的外观效果。
如上所示：使用了background-color、color、font-size、text-align等标签，共同渲染的 HTML 效果。
- <background-color>标签，用于设置 HTML 元素的背景色，比如：background-color:#3377ff;设置背景色为蓝色。
- <color>标签，用于设置文本的颜色，比如：color:#fff;设置文字为白色。
- <font-size>标签，用于设置字体的大小，比如：font-size:14px;设置字体大小为14像素。
- <text-align>标签，用于设置文本的对齐方式，比如：text-align:center;设置文字为居中显示。
CSS 使用方式
CSS 是在 HTML4 开始使用的，是为了更好的渲染 HTML 元素而引入的，有多种使用方式：
- 内联样式，即在 HTML 元素中使用 style 属性
- 内部样式表，即在HTML文档头部<head>区域使用<style>元素来包含 CSS
- 外部引用，即调用外部 CSS 样式文件，这也是最常用的一种方式。
1. 内联样式
在个别情况下，需要单独给某个元素添加样式，就可以使用内联样式。
使用内联样式，是在相关的标签中使用样式属性，样式属性可以包含任何 CSS 属性。
以下实例显示出如何改变段落的颜色和左外边距。
<h1 style="text-align:center;">这是居中的h1标题。</h1>
<h2 style="color:blue;">这是蓝色的h2标题。</h2>
<p style="background-color:green;">这是绿色背景的段落。</p>学习更多 CSS 样式，请访问 CSS 教程。
2. 内部样式表
当我们更改其他项目时，为了避免更改 CSS 样式影响到其他页面，就可以使用内部样式表。
内部样式表只在当前 HTML 页有效，内部样式表通常放在<head>内，当然放在<body>内也有效，只是可读性会变差。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开创者教程(kaicz.com)</title>
<style type="text/css">
h1 {background-color:yellow;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是黄色背景的标题</h1>
<p>这是蓝色的段落</p>
</body>
</html>3. 外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。
使用外部样式表，你就可以通过更改一个 CSS 文件，来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
评论区 0
发表评论
教程介绍
HTML 超文本标记语言，一种用于创建网页的标准标记语言，在浏览器上运行和解析。
60
章节
181
阅读
0
评论