CSS(Cascading Style Sheets)，用于渲染HTML元素标签的样式
如何使用CSS
- 内联样式-在HTML元素中使用"style"属性
- 内部样式表-在HTML文档头部<head>区域使用<style>元素来包含CSS
- 外部引用 - 使用外部CSS文件（最好的方式）
内联样式
当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何CSS属性。
<p style="color:blue;margin-left:20px;">这是一个段落</p>
HTML背景颜色
背景色属性(background-color)定义一个元素的背景颜色
<body style="background-color=yellow;">
<h1 style="background-color=red;">这是一个标题</h1>
<p style="background-color=blue;">这是一个段落</p>
</body>
HTML 字体，字体颜色，字体大小
我们可以使用font-family（字体）,color(颜色),和font-size（字体大小）属性来定义字体的样式；
<h1 style="font-family=verdana; color=red; font-size:20px;">这是一个段落</p>
HTML 文本对齐方式
使用text-align（文字对齐）属性指定文本的水平和垂直对齐方式
<h1 style="text-align:center;">这是一个居中的标题></h1>
内部样式表
当单个文件需要特别样式时，就可以使用内部样式表，你可以在<head>部分通过<style>标签定义内部样式表
<head>
<mate charset="utf-8">
<style>
h1 {color:red;}
p {background-color:blue;}
</style>
</head>
外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过改变一个文件来改变整个站点的外观；
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
网友评论