第三、四次課程總結(jié)

背景屬性
雪碧圖:
什么時(shí)候使用?
  • 靜態(tài)圖片,不隨用戶(hù)信息的變化而變化
  • 小圖片,圖片比較小
  • 加載量比較大
作用:
  • 減少http請(qǐng)求數(shù)量
  • 加速內(nèi)容顯示
工作原理:

控制一個(gè)層可顯示的區(qū)域范圍大小,通過(guò)窗口進(jìn)行背景圖的滑動(dòng)

使用
backgound-image:url()
backgound-position: x位置坐標(biāo) y坐標(biāo) 負(fù)值
邊框?qū)傩?/div>

偽類(lèi)選擇器
CSS 偽類(lèi)用于向某些選擇器添加特殊的效果。
CSS 偽元素用于將特殊的效果添加到某些選擇器。
兩者區(qū)別在于: 偽類(lèi)的效果可以通過(guò)添加一個(gè)實(shí)際的類(lèi)來(lái)達(dá)到,而偽元素的效果則需要通過(guò)添加一個(gè)實(shí)際的元素才能達(dá)到

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過(guò)程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,366評(píng)論 0 1
  • CSS 指層疊樣式表(Cascading Style Sheets),是一種用來(lái)為結(jié)構(gòu)化文檔(如 HTML 文檔或...
    神齊閱讀 2,232評(píng)論 0 14
  • day01-_起源和結(jié)構(gòu) 結(jié)構(gòu):Xhtml xml 表現(xiàn):CSS 行為:DOM ECMAScript 以上都屬于W...
    Sakura_明妃閱讀 1,332評(píng)論 0 1
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁(yè)的形式展示給用戶(hù)的,因此網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁(yè)文件是用...
    阿啊阿吖丁閱讀 4,955評(píng)論 0 0
  • display: none; 與 visibility: hidden; 的區(qū)別 聯(lián)系:它們都能讓元素不可見(jiàn) 區(qū)別...
    紋小艾閱讀 2,012評(píng)論 0 1

友情鏈接更多精彩內(nèi)容