網頁中新增CSS樣式表的四種方式
阿新 • • 發佈：2018-12-26
1.內嵌樣式
<p style="color: sienna;margin-left: 20px;">
這是一個段落
</p>
<!--這個段落顏色為土黃，左邊距為20象素-->
2.匯入外部樣式表 a
<head> （在IE中不起作用）
……
<style type=”text/css”>
@import “mystyle.css”
其他樣式表的宣告
</style>
……
</head>
3.匯入外部樣式表 b
<head>
……
<link href="mystyle.css" rel="stylesheet" type="text/css" >
……
</head>
4.內部樣式表
<head>
……
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
……
</head>
<p style="color: sienna;margin-left: 20px;">
這是一個段落
</p>
<!--這個段落顏色為土黃，左邊距為20象素-->
2.匯入外部樣式表 a
<head> （在IE中不起作用）
……
<style type=”text/css”>
@import “mystyle.css”
其他樣式表的宣告
</style>
……
</head>
3.匯入外部樣式表 b
<head>
……
<link href="mystyle.css" rel="stylesheet" type="text/css" >
……
</head>
4.內部樣式表
<head>
……
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
……
</head>