日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > CSS >内容正文

CSS

CSS 基础知识(二)

發(fā)布時(shí)間:2025/3/19 CSS 27 豆豆
生活随笔 收集整理的這篇文章主要介紹了 CSS 基础知识(二) 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

操作樣式表:

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)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。