HTML 样式

HTML 样式通过 CSS（Cascading Style Sheet）控制，CSS 可译为“层叠样式表”或“级联样式表”，它定义如何显示 HTML 元素，用于控制 Web 页面的外观。

CSS 通常在 head 元素中用 <style> 标签定义，或者存储在外部 CSS 文件中，然后通过 <link> 标签进行引用。

CSS 样式表有以下三种方式：

推荐使用外部样式表，即通过 <link> 标签进行引用。这样可以实现 HTML 和 CSS 的分离，能极大提高工作效率。

当个别元素需要用到样式时，就可以使用内联样式。

使用内联样式的方法是在相关的标签中使用 style 属性。

定义字体大小和文本颜色：

<p style="font-size: 14px;color: red;">这是一个字体大小为14px，文本颜色为红色的段落。

尝试一下

当单个文件需要特别样式时，就可以使用内部样式表。

在 head 元素中使用 <style> 标签定义内部样式。

定义网页背景色和段落颜色：

<head>
	<style type="text/css">
		body {background-color:yellow;} /* 定义网页背景色 */
		p {color:blue;} /* 定义段落颜色 */
	</style>
</head>

尝试一下

当样式需要被多个页面引用时，外部样式表将是最理想的选择。

使用外部样式表，就可以通过更改一个文件来改变整个站点的外观。

在 head 元素中通过 <link> 标签引用外部样式表：

<head>
	<link rel="stylesheet" type="text/css" href="style/myStyle.css" />
</head>

尝试一下

Bjb Code