上篇文章我們簡單介紹了css的概念以及語法,本篇文章我們將為大家介紹下css的三種引入方式。
(1)內鏈式引入
內鏈式css樣式表就是把css程式碼直接寫在現有的HTML標籤中,具體的使用方法如下面所示:
style="color:red"
>設定文字的顏色為紅色
這裡要注意:樣式的內容寫在元素的開始標籤裡,並且css樣式程式碼要寫在style=“”雙引號中,如果有多條css樣式程式碼設定可以寫在一起,中間用分號隔開。多個css樣式寫在一起的效果如下面所示:
style="color:red; font-size:14px"
>設定字型顏色為紅色,並且字型大小為14px
(2)嵌入式引入
嵌入式樣式表與內鏈式不同的是可以很方便的同時修改多個相同元素的樣式屬性,比如我們想要將某個標籤內的內容字型都調整為紅色,並且加粗,字型大小都調整為14px;
我們如果使用內鏈式的方式,我們需要在每個標籤上都要加上樣式,程式碼就如下圖所示:
從上邊可以看出,內鏈式會產生一堆的冗餘程式碼,而使用我們的嵌入式就比較簡單了,程式碼如下圖所示:
由上圖可以看出,嵌入式我們只需要修改span標籤,那麼所有的span標籤內內容的樣式都會跟著修改。
(3)外部式引入
外部式css樣式就是把css程式碼寫一個單獨的外部檔案中,這個css樣式檔案以“。css”為副檔名,一般放在
內(不是在