DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS層疊樣式表的四種方式以及優先級
CSS層疊樣式表的四種方式以及優先級
編輯:CSS詳解     

引入層疊樣式表的方法包括: 
1,外聯式樣式表 
2,內嵌樣式表 
3,元素內定 
4,導入樣式表

1、外聯式樣式表 
例:<Html><head> 
       <link rel="stylesheet" href="http://www.Javaweb.cc/css/default.CSS"> 
       </head> 
       <body> 
       .... 
       </body> 
       </Html> 
屬性:rel 用來說明<link>元素在這裡要完成的任務是連接一個獨立的css文件。而href屬性給出了所要連接CSS文件的url地址


2、內嵌式樣式表: 
例:<Html> 
<head> 
<style type="text/CSS"> 
<!-- 
td{font:9pt;color:red} 
.font105{font:10.5pt;color:blue} 
--> 
</style> 
</head> 
<body>....</body> 
</Html>

3、元素內定 
格式:<p style="font-size:10.5pt">

4、導入式樣式表 
〈Html> 
<head> 
<style type="text/CSS"> 
<!-- 
@import url(http://www.javaweb.cc/css/home.css); 
--> 
</style> 
<body> 
.... 
</body> 
</Html>

CSS的優先級 
越接近目標的樣式定義優先級越高,高優先級樣式將繼承低優先級樣式的未重疊定義但覆蓋重疊的定義 
如果4種樣式表對同一元素定義了不同的樣式,那麼他們的優先級順序從高到低是,元素內定,內嵌樣式表,導入樣式表,外聯樣式表。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved