DIV+CSS_1_樣式表的分類

1、段落標籤中不能嵌DIV,如<P>標籤


2、CSS樣式表的分類:

內聯式樣式表(特點:作用只侷限於某個標籤的內容):

<p style="font-size:50px;background-color:green"></p>

嵌入式樣式表(特點:寫在頭部,作用只侷限於某個頁面的內容):

<head>
<style type="text/css">
<!--
    p{font-size:50px;background-color:green}
-->
</style>
</head>
<body>
    <p>頭部定義的樣式會顯示在這裏</p>
</body>

外部樣式表:

文件:main.jsp
<head>
<link rel="stylesheet" type="text/css" href="./style/common.css"/>
</head>
<body>
<p>外部樣式文件定義的樣式會顯示在這裏</p>
</body>
文件:style/common.css
p{font-size:50px;background-color:green;}

輸入樣式表(特點:要特別注意格式,路徑用“()”,最後要用分號):

1)、用於兩個CSS文件之間:

文件:style/common.css
p{font-size:50px;background-color:green;}
@import url(./style/demo.css);
文件:style/demo.css
p{font-size:50px;color:green;}

2)、用於CSS文件與嵌入樣式表之間

文件:style/demo.css
p{font-size:50px;color:green;}
文件:main.jsp
<head>
<style type="text/css">
<!--
p{font-size:50px;background-color:green}
@import url(./style/demo.css);
-->
</style>
</head>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章