網站建設
移動互聯網
品牌設計
創新應用
新聞動態
網站百科
簡體

HTML引入CSS的常見方法有哪些?

時間:2019-05-23 來源:尚品中國 類型:網站百科
字號:   

我們都知道HTML和CSS是作用不相同的兩種語言,但是它們對一個網頁能夠同時產生作用,網頁(webPage)= 內容(html) + 表現(css) + 行為(javascript)。因此需要把CSS引入HTML一起使用。要想在瀏覽器中顯示出預期的CSS樣式表效果,就要讓瀏覽器識別并正確調用CSS。當瀏覽器讀取樣式表時,要依照文本格式來讀,而且當CSS樣式表放在不同的地方,所產生的作用范圍也是不同的。在HTML中,主要用四種方法引入CSS:行內式、內嵌式、導入式和鏈接式。
 
 
 
   (1)行內式,如下圖:
    
    即在標記的style屬性中設定CSS樣式,這種方式本質上沒體現出CSS的優勢,因此不推薦使用。
 
   (2)嵌入式,如下圖:
    
 
    在對頁面中各種元素的設置集中寫在<head>和</head>之間的,對于單個頁面來說,這種方式很方便。但是這種方法的使用情況要少的多,最長見得就是訪問量大的門戶網站。或者訪問量較大的企業網站的首頁。與第一種方法比起來,優點突出,弊端也明顯。優點:速度快,所有的CSS控制都是針對本頁面標簽的,沒有多余的CSS命令;再者不用外鏈CSS文件。直接在HTML文檔中讀取樣式。缺點就是改版麻煩些,單個頁面顯得臃腫,CSS不能被其他HTML引用造成代碼量相對較多,維護也麻煩些。但是采用這種方法的公司大多有錢,對他們來說用戶量是關鍵,他們不缺人進行復雜的維護工作。
 
    (3)導入式,如下圖
 
   (4)鏈接式,如下圖:
    
    導入式和鏈接式差不多,都是從外部引入CSS文件。但是鏈接式對于客戶端用戶瀏覽網站時,效果會好些。
    鏈接式可以說是現在占統治地位的引入方法。如同IE與瀏覽器。這也是最能體現CSS特點的方法;最能體現DIV+CSS中的內容與顯示分離的思想,也最易改版維護,代碼看起來也是最美觀的一種。
 
    總結:對于一些比較大的網站,為了便于維護,可能會希望把所有的css樣式分類別放到幾個CSS文件中,這樣如果使用連接式引入,就需要幾個語句分別導入CSS文件。如果要調整CSS文件的分類,就需要同時調整HTML文件,這對于維護工作來說,是一個缺陷,如果使用導入式,則可以只引進一個總的CSS文件,在這個文件中再導入其他獨立CSS文件;而鏈接式則不具備這個特性。
?

現在就與尚品中國項目顧問通話

010-60259772

請提供您的聯系電話,尚品中國項目經理會盡快與您聯系。

天津时时彩五星走势