導讀:作為web前端課程中的重要技術課程,CSS能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力。
? 作為web前端課程中的重要技術課程,CSS能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力。
?
CSS
•層疊樣式表(CascadingStyleSheets)
•css可以用來為網頁創建樣式表,通過樣式表可以對網頁進行裝飾。
•所謂層疊,可以將整個網頁想象成是一層一層的結構,層次高的將會覆蓋層次低的。
•而css就可以分別為網頁的各個層次設置樣式。
基本語法
•CSS的樣式表由一個一個的樣式構成,一個樣式又由選擇器和聲明塊構成。
•語法:–選擇器{樣式名:樣式值;樣式名:樣式值;}–p{color:red;font-size:12px;}
??
行內樣式
•可以直接將樣式寫到標簽內部的style屬性中,這種樣式不用填寫選擇器,直接編寫聲明即可。
•這種方式編寫簡單,定位準確。但是由于直接將css代碼寫到了html標簽的內部,導致結構與表現耦合,同時導致樣式不能夠復用,所以這種方式我們不使用。<pstyle=”color:red;font-size:30px”></p>
內部樣式表
•可以直接將樣式寫到<style>標簽中。
•這樣使css獨立于html代碼,而且可以同時為多個元素設置樣式,這是我們使用得比較多的一種方式。
•但是這種方式,樣式只能在一個頁面中使用,不能在多個頁面中重復使用。
<style>p{color:red;font-size:30px;}</style>
外部樣式表
•可以將所有的樣式保存到一個外部的css文件中,然后通過<link>標簽將樣式表引入到文件中。
•這種方式將樣式表放入到了頁面的外部,可以在多個頁面中引入,同時瀏覽器加載文件時可以使用緩存,這是我們開發中使用得最多的方式。