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>