当浏览器读到一个样式表,就会按照这个格式表来对文档进行格式化。有以下三种方式来插入样式表:
1.外部样式表
当样式需要用到很多页面的时候,外部样式是理想的选择。使用外部样式表,就可以听过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表,可以在head部分通过<style>标签定义内部样式表。
<head>
<style type="text/css">
body {background-color:red}
p {margin-left:20px}
</style>
</head>
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color:red;margin-eft:20px">
This is a paragraph</p>
<body>拥有两个配置背景的标签,背景可以使颜色或是图像
背景颜色(bgcolor):背景颜色属性将背景设置为某种颜色,属性值可以是16进制数、RGB或颜色名。
<body bgcolor="1.jpg">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
背景background:将背景设置为图像,属性只为图像的URL,如果图像尺寸小于浏览器窗口,那么图像在整个浏览器窗口进行复制
<body background="1.jpg">
<body background="http://pic14.nipic.com/20110522/7411759_164157418126_2.jpg">
提示:如果你打算使用背景图片,需要注意以下几点
- 背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过10k
- 背景图像是否与页面中的其他图像搭配良好
- 背景图像是否与页面中的文字颜色搭配良好