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

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

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

CSS是什么 CSS的工作原理

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

CSS的英文全稱為CascadingStyleSheets。幾個單詞拆開翻譯,Cascading有大量的意思,Style有風(fēng)格樣式的意思,Sheets有表格的意思,整合在一起翻譯為中文意思為層疊樣式表。

層疊樣式表是一種用來表現(xiàn)HTML(標準通用標記語言的一個應(yīng)用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。CSS能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。

在主頁制作時采用CSS技術(shù),可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。只要對相應(yīng)的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數(shù)不同的網(wǎng)頁的外觀和格式。

在css進入前端語言之前,很多一部分人都把css當做一種前端語言,發(fā)展至今,css不僅能裝飾網(wǎng)頁,也可以配合各種腳本對于網(wǎng)頁進行格式化。

工作原理

CSS是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,被用于描述網(wǎng)頁上的信息格式化和現(xiàn)實的方式。CSS樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件。無論哪一種方式,樣式單包含將樣式應(yīng)用到指定類型的元素的規(guī)則。外部使用時,樣式單規(guī)則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。

樣式規(guī)則是可應(yīng)用于網(wǎng)頁中元素,如文本段落或鏈接的格式化指令。樣式規(guī)則由一個或多個樣式屬性及其值組成。內(nèi)部樣式單直接放在網(wǎng)頁中,外部樣式單保存在獨立的文檔中,網(wǎng)頁通過一個特殊標簽鏈接外部樣式單。

名稱CSS中的“層疊(cascading)”表示樣式單規(guī)則應(yīng)用于HTML文檔元素的方式。具體地說,CSS樣式單中的樣式形成一個層次結(jié)構(gòu),更具體的樣式覆蓋通用樣式。樣式規(guī)則的優(yōu)先級由CSS根據(jù)這個層次結(jié)構(gòu)決定,從而實現(xiàn)級聯(lián)效果。

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

責(zé)任編輯:fqj

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

    關(guān)注

    0

    文章

    109

    瀏覽量

    14391
收藏 人收藏

    評論

    相關(guān)推薦

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

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

    LORA模塊的工作原理是什么

    基礎(chǔ) LoRa技術(shù)基于擴頻技術(shù),這是一種將信號能量分散在較寬頻帶寬度上的通信技術(shù)。LoRa使用一種稱為Chirp Spread Spectrum(CSS)的調(diào)制技術(shù),它通過改變信號的頻率來傳輸數(shù)據(jù),這種技術(shù)對于抗干擾和長距離通信非常有效。 1. 調(diào)制技術(shù) LoRa模塊使用CSS
    的頭像 發(fā)表于 10-31 15:53 ?434次閱讀

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

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

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

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

    PGA900能直接在CSS上編程嗎?

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

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

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

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

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

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

    Arm 終端計算子系統(tǒng) (CSS) 作為新的計算解決方案,結(jié)合了 Armv9 架構(gòu)的優(yōu)勢,以及基于三納米工藝節(jié)點,經(jīng)過驗證和證實為生產(chǎn)就緒的新 Arm CPU 和 GPU 實現(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)用說明文檔

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

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

    Arm宣布了兩款新的Arm Neoverse計算子系統(tǒng)(CSS),它們基于“迄今為止最好的一代Neoverse技術(shù)”。是什么讓這些新產(chǎn)品在擁擠的計算技術(shù)領(lǐng)域脫穎而出? Arm的兩個新Arm
    的頭像 發(fā)表于 04-24 17:53 ?1101次閱讀
    Arm新Arm Neoverse計算子系統(tǒng)(<b class='flag-5'>CSS</b>):Arm Neoverse <b class='flag-5'>CSS</b> V3和Arm Neoverse <b class='flag-5'>CSS</b> N3

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

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

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

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

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

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

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

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

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

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