CSS 基础知识(二)
操作樣式表:
1、創(chuàng)建外部樣式表:外部樣式表非常適合給網(wǎng)站大多數(shù)頁(yè)面或所有頁(yè)面設(shè)置為一致的外觀。
注意:將css文件保存為以.css為擴(kuò)展名,用UTF-8編碼的文件。
可以以任何名稱命名樣式表文件,如果網(wǎng)站只有一個(gè)樣式表文件,通常會(huì)命名為style.css或styles.css。
無論選擇什么文件名,一定不要包含空格。
外部樣式表要么是通過鏈接引用,要么是通過導(dǎo)入(@import),不過不推薦導(dǎo)入。@import指令會(huì)影響頁(yè)面的下載速度和呈現(xiàn)速度。
2、鏈接到外部樣式表:
<pre name="code" class="html"><head><meta charset="UTF-8" /><title>鏈接外部樣式表</title><link rel ="stylesheet" href="style.css" /> </head>注意:頁(yè)面可以包含一個(gè)以上的link元素,但使用它的次數(shù)最好盡可能減少,讓頁(yè)面得以更快的加載。
使用外部樣式表的好處:
? ? ? ?1、對(duì)外部樣式表修改后,所有引用他的頁(yè)面都會(huì)自動(dòng)更新;
? ? ? ?2、一旦瀏覽器在某個(gè)頁(yè)面加載了它,在隨后瀏覽引用它的頁(yè)面時(shí),通常無需再向web服務(wù)器請(qǐng)求該文件,瀏覽器會(huì)將它放到緩存里。
3、創(chuàng)建嵌入樣式表:
<head><meta charset="UTF-8" /><title>鏈接外部樣式表</title><style>img {border: 4px solid red;}</style> </head>使用嵌入樣式表時(shí),style元素及其包圍的樣式規(guī)則通常位于文檔的head部分。當(dāng)且僅當(dāng)style元素出現(xiàn)在link元素后面的時(shí)候,嵌入樣式表中的樣式才會(huì)覆蓋外部樣式表中的樣式。
4、內(nèi)聯(lián)樣式表:
在希望進(jìn)行格式化的HTML元素的開始標(biāo)簽中,輸入style=“border:4px solid red”
樣式的層疊和順序:
在其他條件相同的情況下,越晚出現(xiàn)的樣式優(yōu)先級(jí)越高。
注意:標(biāo)記!important的樣式總是具有最高的優(yōu)先級(jí)。
總結(jié)
以上是生活随笔為你收集整理的CSS 基础知识(二)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CSS 基础知识(一)
- 下一篇: html兄弟选择器怎么用,CSS的相邻兄