CSS第一課
一、CSS與HTML的較量:
1、HTML的缺陷如下:
1)、維護困難;
2)、標記不足;
3)、網(wǎng)頁過“胖”;
4)、定位困難。
二、瀏覽器與CSS:
在使用CSS制作網(wǎng)頁時,一個基本的要求就是主流的瀏覽器之間的顯示效果要基本一致。
三、使用CSS控制頁面:
1)、行內(nèi)樣式:行內(nèi)樣式是所有樣式中最為直接的一種,它直接將樣式寫入HTML的標記的style屬性中。
行內(nèi)樣式的缺點:后期維護成本高、網(wǎng)頁容易過胖。
2)、內(nèi)嵌式:內(nèi)嵌式表就是將CSS寫在<head>與</head>之間,并且用<style type="text/css">和</style>標記進行聲明。
內(nèi)嵌式的缺點:略微有麻煩,維護成本也不低,僅適用于特殊的頁面設(shè)置單獨的樣式風格。
3)、鏈接樣式:鏈接式CSS樣式是使用頻率最高,也是最為實用的方法。
鏈接式樣式就是將<link href="樣式名稱" type="text/css" rel="stylesheet">寫在<head>與</head>標記之間。
鏈接式樣式表的最大優(yōu)勢在于CSS代碼與HTML代碼完全分離,并且同一個CSS文件可以被不同的HTML所鏈接使用。
4)、導入樣式:與鏈接樣式表功能基本相同,只是語法上有些不同,它采用@import方式導入樣式表。語法如下:
@import url(樣式表名稱); 或 @import 樣式名稱;
導入樣式表的最大用處在于可以讓一個HTML文件導入很多的樣式表。
四、各種方式的優(yōu)先級問題:
1)、行內(nèi)樣式的優(yōu)先級最高,其次是采用<link>標記的鏈接樣式,再次是位于<style>和</style>之間的內(nèi)嵌樣式,最后才是@import導入樣式。
注意:樣式之間采用就近原則。
1、HTML的缺陷如下:
1)、維護困難;
2)、標記不足;
3)、網(wǎng)頁過“胖”;
4)、定位困難。
二、瀏覽器與CSS:
在使用CSS制作網(wǎng)頁時,一個基本的要求就是主流的瀏覽器之間的顯示效果要基本一致。
三、使用CSS控制頁面:
1)、行內(nèi)樣式:行內(nèi)樣式是所有樣式中最為直接的一種,它直接將樣式寫入HTML的標記的style屬性中。
行內(nèi)樣式的缺點:后期維護成本高、網(wǎng)頁容易過胖。
2)、內(nèi)嵌式:內(nèi)嵌式表就是將CSS寫在<head>與</head>之間,并且用<style type="text/css">和</style>標記進行聲明。
內(nèi)嵌式的缺點:略微有麻煩,維護成本也不低,僅適用于特殊的頁面設(shè)置單獨的樣式風格。
3)、鏈接樣式:鏈接式CSS樣式是使用頻率最高,也是最為實用的方法。
鏈接式樣式就是將<link href="樣式名稱" type="text/css" rel="stylesheet">寫在<head>與</head>標記之間。
鏈接式樣式表的最大優(yōu)勢在于CSS代碼與HTML代碼完全分離,并且同一個CSS文件可以被不同的HTML所鏈接使用。
4)、導入樣式:與鏈接樣式表功能基本相同,只是語法上有些不同,它采用@import方式導入樣式表。語法如下:
@import url(樣式表名稱); 或 @import 樣式名稱;
導入樣式表的最大用處在于可以讓一個HTML文件導入很多的樣式表。
四、各種方式的優(yōu)先級問題:
1)、行內(nèi)樣式的優(yōu)先級最高,其次是采用<link>標記的鏈接樣式,再次是位于<style>和</style>之間的內(nèi)嵌樣式,最后才是@import導入樣式。
注意:樣式之間采用就近原則。
posted on 2009-07-29 11:58 改變,成就夢想! 閱讀(152) 評論(0) 編輯 收藏 所屬分類: CSS