0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

CSS3是什么 CSS3的新增特性

獨(dú)愛72H ? 來(lái)源:html中文網(wǎng)、DIVCSS5 ? 作者:html中文網(wǎng)、DIVCS ? 2021-07-26 15:00 ? 次閱讀

什么是CSS3?

CSS3是CSS(層疊樣式表)技術(shù)的升級(jí)版本,于1999年開始制訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等模塊。

CSS演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新,因此通過采用模塊方法,CSS3規(guī)范里的元素能以不同速度向前發(fā)展,因?yàn)椴煌臑g覽器廠商只支持給定特性。但不同瀏覽器在不同時(shí)間支持不同特性,這也讓跨瀏覽器開發(fā)變得復(fù)雜。

CSS3原理同CSS,是在網(wǎng)頁(yè)中自定義樣式表的選擇符,然后在網(wǎng)頁(yè)中大量引用這些選擇符。

新增特性

CSS3的新特征有很多,例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實(shí)現(xiàn)透明效果、漸變效果、使用@Font-Face實(shí)現(xiàn)定制字體、多背景圖、文字或圖像的變形處理(旋轉(zhuǎn)、縮放、傾斜、移動(dòng))、多欄布局、媒體查詢等。

RGBA是RGB色彩模型的一個(gè)擴(kuò)展。在本質(zhì)上看也是為設(shè)置的元素增加了一個(gè)alpha通道,即除了紅綠藍(lán)三種顏色外還增加一個(gè)代表透明度的通道,其中RGB值分別表示紅色、綠色、藍(lán)色,而alpha取值則為0到1(小數(shù)位一位)。

background屬性

background-image:設(shè)置元素的背景圖像。background-origin:規(guī)定背景圖片的定位區(qū)域。background-size:規(guī)定背景圖片的尺寸。background-repeat:設(shè)置是否及如何重復(fù)背景圖像。

本文整合自 html中文網(wǎng)、DIVCSS5

責(zé)任編輯:fqj

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • CSS3
    +關(guān)注

    關(guān)注

    0

    文章

    9

    瀏覽量

    3879
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    Tailwind CSS v4.0發(fā)布首個(gè)Beta版本

    Tailwind CSS 是一個(gè)為快速開發(fā)而精心設(shè)計(jì)的原子類 CSS 框架,它提供了充滿設(shè)計(jì)感和應(yīng)用程序至上的能力來(lái)創(chuàng)建組件,它在最新的 2.0 版本中加入了暗黑模式,開箱即用。
    的頭像 發(fā)表于 11-25 10:02 ?211次閱讀
    Tailwind <b class='flag-5'>CSS</b> v4.0發(fā)布首個(gè)Beta版本

    Taro 鴻蒙技術(shù)內(nèi)幕系列(二):如何讓 W3C 標(biāo)準(zhǔn)的 CSS跑在鴻蒙上

    HarmonyOS 采用自研的 ArkUI 框架作為原生 UI 開發(fā)方案,這套方案有完善的布局系統(tǒng)和樣式控制,但是他的標(biāo)準(zhǔn)與 W3C 的 CSS 標(biāo)準(zhǔn)存在不一致性。這意味著,如果 Taro 直接
    的頭像 發(fā)表于 10-31 10:54 ?183次閱讀
    Taro 鴻蒙技術(shù)內(nèi)幕系列(二):如何讓 W<b class='flag-5'>3</b>C 標(biāo)準(zhǔn)的 <b class='flag-5'>CSS</b>跑在鴻蒙上

    研發(fā)都應(yīng)該了解的如何在vite中接入現(xiàn)代化css工程化方案

    好的css工程化方案可以增強(qiáng)我們項(xiàng)目的可維護(hù)性、提高樣式的復(fù)用性、進(jìn)行自動(dòng)化處理等,在提高頁(yè)面加載速度和性能的同時(shí),我們可以有更多的精力進(jìn)行js邏輯的處理。
    的頭像 發(fā)表于 10-25 17:25 ?400次閱讀

    基于CSS融合存儲(chǔ)系統(tǒng)的自動(dòng)化制造服務(wù)平臺(tái)存儲(chǔ)解決方案

    基于CSS融合存儲(chǔ)系統(tǒng)的自動(dòng)化制造服務(wù)平臺(tái)存儲(chǔ)解決方案
    的頭像 發(fā)表于 09-10 10:15 ?363次閱讀
    基于<b class='flag-5'>CSS</b>融合存儲(chǔ)系統(tǒng)的自動(dòng)化制造服務(wù)平臺(tái)存儲(chǔ)解決方案

    PGA900能直接在CSS上編程嗎?

    您好,PGA900能直接在CSS上編程嗎? 可以通過XDS200下載程序到PGA900上面嗎?
    發(fā)表于 08-08 07:31

    Arm終端CSS革新,加速端側(cè)人工智能時(shí)代

    在當(dāng)今信息化與智能化的交匯點(diǎn),人工智能的發(fā)展勢(shì)頭正盛。尤其是在端側(cè)人工智能領(lǐng)域,其對(duì)于計(jì)算平臺(tái)的性能、能效以及集成度的要求日益提升。近日,全球領(lǐng)先的半導(dǎo)體知識(shí)產(chǎn)權(quán)(IP)提供商Arm,再次引領(lǐng)行業(yè)潮流,推出了全新的Arm終端計(jì)算子系統(tǒng)(CSS),旨在打造迄今為止速度最快、性能最優(yōu)的Arm計(jì)算平臺(tái)。
    的頭像 發(fā)表于 06-24 18:23 ?1504次閱讀

    Arm宣布推出終端計(jì)算子系統(tǒng)(CSS),提供領(lǐng)先的人工智能體驗(yàn)

    Arm 控股有限公司(納斯達(dá)克股票代碼:ARM,以下簡(jiǎn)稱“Arm”)今日宣布推出 Arm? 終端計(jì)算子系統(tǒng) (CSS),以提供領(lǐng)先的人工智能 (AI) 體驗(yàn),助力芯片合作伙伴更輕松、快速地構(gòu)建基于 Arm 架構(gòu)的解決方案,并加速其產(chǎn)品上市進(jìn)程。
    的頭像 發(fā)表于 05-30 14:11 ?1273次閱讀
    Arm宣布推出終端計(jì)算子系統(tǒng)(<b class='flag-5'>CSS</b>),提供領(lǐng)先的人工智能體驗(yàn)

    Arm推出AI優(yōu)化的Arm終端CSS以及新的Arm Kleidi軟件

    Arm 終端計(jì)算子系統(tǒng) (CSS) 作為新的計(jì)算解決方案,結(jié)合了 Armv9 架構(gòu)的優(yōu)勢(shì),以及基于三納米工藝節(jié)點(diǎn),經(jīng)過驗(yàn)證和證實(shí)為生產(chǎn)就緒的新 Arm CPU 和 GPU 實(shí)現(xiàn),可賦能芯片合作伙伴快速創(chuàng)新,
    的頭像 發(fā)表于 05-30 11:33 ?674次閱讀
    Arm推出AI優(yōu)化的Arm終端<b class='flag-5'>CSS</b>以及新的Arm Kleidi軟件

    芯海應(yīng)用筆記:CSS34P16P(A)型應(yīng)用說(shuō)明文檔

    CSS34P16P(A)是 USB Type-C 型控制器,它符合最新 USB Type-C 型和 PD 標(biāo)準(zhǔn). CSS34P16 為適配器、車載充電器、移動(dòng)電源等應(yīng)用提供了一個(gè)完整的 USB
    發(fā)表于 05-16 14:46

    Arm新Arm Neoverse計(jì)算子系統(tǒng)(CSS):Arm Neoverse CSS V3和Arm Neoverse CSS N3

    Neoverse計(jì)算子系統(tǒng)(CSS)包括Arm Neoverse CSS V3和Arm Neoverse CSS N3。 Arm推出Neo
    的頭像 發(fā)表于 04-24 17:53 ?1101次閱讀
    Arm新Arm Neoverse計(jì)算子系統(tǒng)(<b class='flag-5'>CSS</b>):Arm Neoverse <b class='flag-5'>CSS</b> V<b class='flag-5'>3</b>和Arm Neoverse <b class='flag-5'>CSS</b> N<b class='flag-5'>3</b>

    STM32L431出現(xiàn)LSE CSS后RTC的ALARM無(wú)法進(jìn)入中斷是怎么回事啊?

    STM32L431的RTC配置使用LSE時(shí)鐘,配置ALARMA中斷,可以正常進(jìn)入中斷,但是出現(xiàn)LSE CSS后重新配置RTC使用LSI做為系統(tǒng)時(shí)鐘,但配置后RTC的ALARMA無(wú)法進(jìn)入中斷,這是怎么回事???
    發(fā)表于 04-08 06:58

    STM32L431CCT6頻繁出現(xiàn)LSE CSS錯(cuò)誤是什么原因?qū)е碌模?/a>

    STM32L431CCT6芯片,外部使用32.768k的晶振,匹配電容22pf。LSE作為RTC,LPUART1的時(shí)鐘源,啟用LSE CSS功能。經(jīng)常會(huì)發(fā)生LSE CSS錯(cuò)誤,在發(fā)生錯(cuò)誤的時(shí)候沒有
    發(fā)表于 03-28 09:01

    美國(guó)宣布向SK Siltron CSS提供5.44億美元貸款用于SiC晶圓生產(chǎn)

    今天,美國(guó)能源部(DOE)貸款計(jì)劃辦公室(LPO)宣布向SK Siltron CSS, LLC提供5.44億美元的有條件貸款,以擴(kuò)大美國(guó)電動(dòng)汽車(EV)電力電子設(shè)備用高質(zhì)量碳化硅(SiC)晶圓的生產(chǎn)。
    的頭像 發(fā)表于 02-23 14:52 ?748次閱讀

    英飛凌與碳化硅供應(yīng)商SK Siltron CSS達(dá)成協(xié)議

    英飛凌與韓國(guó)SK Siltron子企業(yè)SK Siltron CSS最近達(dá)成了一項(xiàng)重要協(xié)議。根據(jù)該協(xié)議,SK Siltron CSS將為英飛凌提供6英寸碳化硅(SiC)晶圓,以支持英飛凌在SiC半導(dǎo)體生產(chǎn)方面的需求。
    的頭像 發(fā)表于 01-17 14:08 ?681次閱讀

    智原與Arm合作提供基于Arm Neoverse CSS的設(shè)計(jì)服務(wù)

    在Arm解決方案上的卓越設(shè)計(jì)實(shí)力以及對(duì)制造端資源的承諾。智原將充分發(fā)揮Arm Neoverse計(jì)算子系統(tǒng)(CSS)的優(yōu)勢(shì),致力于提供卓越性能和創(chuàng)新的先進(jìn)云端、高效能運(yùn)算(HPC)和人工智能(AI)芯片。
    的頭像 發(fā)表于 01-10 16:29 ?762次閱讀