CSS 样式的学习

对于CSS样式进行简单的了解。

CSS是从HTML4开始使用的，作用是为了更好的渲染HTML元素。
CSS可以通过如下方式添加到HTML中：

当特殊的样式需要应用个别元素时，就可以使用内联样式。方法是在相关的标签中使用
样式属性。样式属性可以包含任何CSS属性。以下实例显示如何改变段落的颜色和左外
边距。

1	<p style="color:blue;margin-left:20px;">段落。</p>

段落。

背景颜色属性定义一个元素的背景颜色

<body style="background-color:yello">
<h2 style="background-color:red">标题</h2>
<p style="background-color:green">段落</p>
</body>

段落

我们可以用font-family(字体)、color(颜色)，和font-size(字体大小)属性来定义字体的样式。

1 2	<h1 style="font-family:verdanna;">标题</h1> <p style="font-family:arial;color:red;font-size:20px">段落</p>

段落

使用text-align(文字对齐)属性指定文本的水平与垂直方式对齐：

1 2	<h1 style="border:1px solid black;text-align:center;">文本居中对齐</h1> <p style="border:1px solid black">段落</p>

段落

当单个文件需要特别样式时，就可以使用内部样式表。可以在<head>部分通过<style>标签定义内部样式表：

<head>
	<style type="text/css">
		body {
			background-color:yello;
		}
		p {
			color:blue;
		}
	</style>
</head>

当样式需要被应用到很多页面的时候，外部样式表是理想的选择。使用外部样式表，就可以通过更改一个文件来改变整个站点的外观。

1
2
3

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