CSS 是在 HTMl 4 开始使用的,是为了更好的渲染 HTML 元素而引入的。 CSS 可以通过以下方式添加到 HTML 中:
- 内联样式:在 HTML 元素中使用
style属性 - 内部样式表:在 HTML 文档头部
<head>区域使用<style>元素来包裹 css - 外部引用:使用外部 css 文件
推荐使用外部 css 文件。
内联样式
当特殊的样式需要引用到个别元素时,就可以使用内联样式。使用内联样式饿方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
HTML 样式实例
下面我们将做几个与样式相关的实例。
背景颜色
<body style="background-color:yellow;">
<h2 style="background-color:red;">这是一个标题</h2>
<p style="background-color:green;">这是一个段落。</p>
</body>
字体类别、字体颜色、字体大小
我们可以使用 font-family、color、font-size三个属性来定义字体的样式。
<h1 style="font-family:verdana;">一个标题</h1>
<p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>
文本对齐方式
使用 text-align(文字对齐)属性指定文本的水平与垂直对齐方式:
<h1 style="text-align:center;">居中对齐的标题</h1>
<p>这是一个段落。</p>
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 部分通过