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