引入層疊樣式表的方法包括:
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種樣式表對同一元素定義了不同的樣式,那麼他們的優先級順序從高到低是,元素內定,內嵌樣式表,導入樣式表,外聯樣式表。