引入CSS的方法
在網(wǎng)頁中，需要引用css，讓它成為網(wǎng)頁中的修飾工具。如何才能引用css來為頁面服務呢？下面介紹在頁面中應該如何引入css樣式表。
在頁面中引入css樣式表時，有三種方法：內聯(lián)引入方法、內部引入方法、外部引入方法。這三種方法分別是怎么執(zhí)行引入的呢？
1.內聯(lián)引入方法
每一個HTML元素都擁有一個叫做style的屬性。它是用來控制元素的外觀。特別之處就在于，在style屬性里面寫入的CSS代碼都是作為HTML中style屬性的屬性值出現(xiàn)的。
2.內部引入方法
頁面中有很多元素需要管理的時候，內聯(lián)引入CSS樣式很顯然是不合適的，因為那樣會產(chǎn)生很多重復性的搡作與勞動。例如，需要把頁面中所有的<p>標簽中的文字都改成紅色，使用內聯(lián)CSS的話，需要往每一個<p>里手動添加（在不考慮JavaScript的情況下），這樣的重復勞動產(chǎn)生的勞動量是非常驚人的。很顯然，程序員不可能讓自己變成流水線上的機器人，所以可以把有相同需求的元素整理好并分成很多類別，讓相同類別的元素使用同一個樣式。
我們會在頁面的<head>部分引入<style>標簽，然后在<style>標簽內部寫入需要的CSS樣式。例如，可以讓<p>標簽里的文字的顏色為紅色，文字大小為20像素，<div>標簽里文宇的顏色為綠色，文字大小為10像素。
力。這樣的方式也更利于后期對代碼和頁面的維護工作。
3.外部引入方法
前面介紹了內聯(lián)樣式表和內部樣式表，但是這兩種樣式表的寫法并不推薦大家在開發(fā)當中使用。在開發(fā)中通常是一個團隊的很多人在一起合作，項目的頁面想必也不會很少（一般一個移動app至少也要20個頁面），如果使用內部樣式表進行開發(fā)的話，就會遇到一個非常頭疼的問題：如果眾多頁面中有一些樣式相同的地方，是不是都要在樣式表中再寫一遍？
事實上，根本不需要去這么做。最好的方法就是：在HTML文檔的外部新建一個CSS樣式表，然后把樣式表引入HTML文檔中。這樣就可以實現(xiàn)同一個CSS樣式可以被無數(shù)個HTML文擋調用。具體做法是：新建一些HTML文擋，在HTML文檔外部新建一個以.css為后綴名的CSS樣式表，在HTML文檔的<head>部分以<link type="text/css" rel="stylesheet" href="url">標簽進行引入。
這時會發(fā)現(xiàn)，外部樣式表內的樣式已經(jīng)可以在HTML文檔中進行使用了。這樣做的話，需要對所有頁面進行樣式修改的時候，只需要修改一個CSS文件即可，而不用對所有的頁面逐個進行修改。只修改CSS樣式，就不需要對頁面中的內容進行變動。
湘公網(wǎng)安備:43011102000856號 
點擊加載更多評論>>