日期:2014-05-17 浏览次数:20786 次
1. 链入外部样式表
<head> …… <link href="mystyle.css" rel="stylesheet" type="text/css" media="all"> …… </head>
?
?
?2.内部样式表
<head> …… <style type="text/css"> <!-- hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} --> </style> …… </head>
??
3. 导入外部样式表
<head> …… <style type=”text/css”> <!-- @import “mystyle.css” 其他样式表的声明 --> </style> …… </head>
?
例中@import “mystyle.css”表示导入mystyle.css样式表,注意使用时外部样式表的路径。方法和链入样式表的方法很相似,但导入外部样式表输入方式更有优势。实质上它相当于存在内部样式表中的。
注意:导入外部样式表必须在样式表的开始部分,在其他内部样式表上面
?
4. 内嵌样式
<p style="color: sienna;margin-left: 20px;"> 这是一个段落 </p> <!--这个段落颜色为土黄,左边距为20象素-->
?