第一:外部样式表:<head><linkrel="stylesheet type="text/css" href="mystyle.css"></head>
应用:当样式需要被应用到很多页面时,外部样式表是理想的选择.使用外部样式表可以通过更改一个文件来改变整个站点的外观.
例子:建了一个.html文件,然后建一个.CSS文件,假设这文件名:mystyle.css.然后打开.html的文件编写如下:
<html>
<head>
<title>外部样式表的实例</title>
<link rel="stylesheet type="text/css"href="mystyle.css">
</head>
<body>
运用CSS主要是改变网页主体的内容,就是<body>、、、</body>里的内容.
</body>
</html>
第二:内部样式表:
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过<style> 标签定义内部样式表
<html>
<head>
<title>内部样式表实例</title>
<style type="text/css">
元素{设置属性}
body {background-color: red}
p {margin-left:20px}
</style></head>
</html>
第三:内联样式样式表 :
当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性.样式属性可以包含任何 CSS属性。以下实例显示出如何改变段落的颜色和左外边距.
<p>这是内联样式表的实例</p>
总结:外部样式表用于多个页面,内部样式表用于单个文件(一般用于单前页面),内联样式表用于某个元素。
结构:外部:<link rel="stylesheet" type="text/css"href="mystyle.css">
内部:<styletype="text/css">元素1{属性1:属性值1;属性2:属性值2;、、、}
元素2{属性1:属性值1;属性2:属性值2;、、、}
元素3{属性1:属性值1;属性2:属性值2;、、、}
等等 {属性1:属性值1;属性2:属性值2;、、、}
</style>
内联:<元素>内联内容</元素>
鸟语:记几个鸟语 link,rel,stylesheet,type,href,span,text/css.