0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
电子发烧友
开通电子发烧友VIP会员 尊享10大特权
海量资料免费下载
精品直播免费看
优质内容免费畅学
课程9折专享价
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

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

CSS3是什么 CSS3的新增特性

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

什么是CSS3?

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

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

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

新增特性

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

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

background屬性

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

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

責任編輯:fqj

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

    關注

    0

    文章

    9

    瀏覽量

    3938
收藏 0人收藏

    評論

    相關推薦
    熱點推薦

    CSS6404L 在物聯(lián)網(wǎng)設備中的應用優(yōu)勢:低功耗高可靠的存儲革新與競品對比

    CSS6404L 通過 “高集成度 + 低功耗 + 寬適應” 的組合特性,在容量、功耗、性能及場景兼容性上全面超越同類競品,尤其在需要兼顧長續(xù)航、高速傳輸與緊湊設計的物聯(lián)網(wǎng)場景中,成為平衡成本與性能的理想選擇。其自管理刷新、雙模式接口等創(chuàng)新設計,也為物聯(lián)網(wǎng)設備的智能化升級
    的頭像 發(fā)表于 06-06 15:35 ?73次閱讀
    <b class='flag-5'>CSS</b>6404L 在物聯(lián)網(wǎng)設備中的應用優(yōu)勢:低功耗高可靠的存儲革新與競品對比

    CSS6404L 在物聯(lián)網(wǎng)設備中的應用優(yōu)勢

    物聯(lián)網(wǎng)設備對存儲芯片的需求聚焦于低功耗、小尺寸、高可靠性與傳輸效率,Cascadeteq 的 CSS6404L 64Mb Quad-SPI Pseudo-SRAM 憑借差異化技術特性,在同類產(chǎn)品中展現(xiàn)顯著優(yōu)勢。以下從核心特性及競
    的頭像 發(fā)表于 06-06 15:31 ?73次閱讀

    CSS6404LS-LI PSRAM:高清語音識別設備的理想存儲器解決方案

    CSS6404LS-LI通過 >500MB/s帶寬、105℃高溫運行及μA級休眠功耗三重突破,成為高清語音設備的理想存儲器
    的頭像 發(fā)表于 06-04 15:45 ?79次閱讀
    <b class='flag-5'>CSS</b>6404LS-LI PSRAM:高清語音識別設備的理想存儲器解決方案

    【功能上線】華秋PCB下單新增3D仿真預覽”,讓PCB設計缺陷無處遁形

    華秋PCB下單新增3D仿真預覽”,讓PCB設計缺陷無處遁形
    的頭像 發(fā)表于 03-28 14:54 ?977次閱讀
    【功能上線】華秋PCB下單<b class='flag-5'>新增</b>“<b class='flag-5'>3</b>D仿真預覽”,讓PCB設計缺陷無處遁形

    NW1-3V3S3V3A3NT NW1-3V3S3V3A3NT

    電子發(fā)燒友網(wǎng)為你提供AIPULNION(AIPULNION)NW1-3V3S3V3A3NT相關產(chǎn)品參數(shù)、數(shù)據(jù)手冊,更有NW1-3V3S3V3A3NT的引腳圖、接線圖、封裝手冊、中文資料、英文資料,NW1-3V3S3V3A3NT真
    發(fā)表于 03-19 18:54
    NW1-<b class='flag-5'>3V3S3V3A3</b>NT NW1-<b class='flag-5'>3V3S3V3A3</b>NT

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

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

    烏鎮(zhèn)亮點 Arm終端計算子系統(tǒng) (CSS) 榮膺世界互聯(lián)網(wǎng)大會領先科技獎

    2024 年世界互聯(lián)網(wǎng)大會烏鎮(zhèn)峰會于昨日正式啟幕,全球互聯(lián)網(wǎng)進入“烏鎮(zhèn)時間”。在今年的峰會上,Arm 憑借終端計算子系統(tǒng) (CSS) 榮膺世界互聯(lián)網(wǎng)大會領先科技獎,彰顯了 Arm 作為業(yè)界性能最強
    的頭像 發(fā)表于 11-20 19:11 ?1302次閱讀
    烏鎮(zhèn)亮點  Arm終端計算子系統(tǒng) (<b class='flag-5'>CSS</b>) 榮膺世界互聯(lián)網(wǎng)大會領先科技獎

    Xilinx 7系列FPGA PCIe Gen3的應用接口及特性

    Xilinx7系列FPGA集成了新一代PCI Express集成塊,支持8.0Gb/s數(shù)據(jù)速率的PCI Express 3.0。本文介紹了7系列FPGA PCIe Gen3的應用接口及一些特性。
    的頭像 發(fā)表于 11-05 15:45 ?2737次閱讀
    Xilinx 7系列FPGA PCIe Gen<b class='flag-5'>3</b>的應用接口及<b class='flag-5'>特性</b>

    LORA模塊的工作原理是什么

    在物聯(lián)網(wǎng)(IoT)領域,LoRa技術因其長距離通信能力和低功耗特性而受到廣泛關注。LoRa模塊是實現(xiàn)這一技術的關鍵組件,它們被廣泛應用于智能城市、農(nóng)業(yè)監(jiān)測、工業(yè)自動化等多個領域。 LoRa技術
    的頭像 發(fā)表于 10-31 15:53 ?1305次閱讀

    Taro 鴻蒙技術內(nèi)幕系列(二):如何讓 W3C 標準的 CSS跑在鴻蒙上

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

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

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

    磁芯特性測試儀中的f3什么意思

    在磁芯特性測試儀中,關于“F3”的具體含義,可能因不同的測試儀型號、品牌或界面設計而有所差異。然而,在沒有具體測試儀型號或操作手冊的詳細指導下,我們可以根據(jù)一般性的理解和常見的操作習慣來推測“F3
    的頭像 發(fā)表于 09-18 11:32 ?633次閱讀

    基于CSS融合存儲系統(tǒng)的自動化制造服務平臺存儲解決方案

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

    PGA900能直接在CSS上編程嗎?

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

    Arm終端CSS革新,加速端側人工智能時代

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

    電子發(fā)燒友

    中國電子工程師最喜歡的網(wǎng)站

    • 2931785位工程師會員交流學習
    • 獲取您個性化的科技前沿技術信息
    • 參加活動獲取豐厚的禮品