溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

CSS用來做什么

發(fā)布時(shí)間:2022-02-22 15:53:42 來源:億速云 閱讀:143 作者:iii 欄目:開發(fā)技術(shù)

這篇文章主要介紹了CSS用來做什么的相關(guān)知識(shí),內(nèi)容詳細(xì)易懂,操作簡單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇CSS用來做什么文章都會(huì)有所收獲,下面我們一起來看看吧。

        CSS是 Cascading Styke Sheet(層疊樣式表)的縮寫。是用于(增強(qiáng))控制渲染網(wǎng)頁的樣式、允許將CSS樣式信息與頁面HTML內(nèi)容分離運(yùn)行的一種標(biāo)記性語言。CSS不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語言)。CSS是一種領(lǐng)域語言(DSL),層疊與繼承賦予了CSS優(yōu)雅多姿的無限創(chuàng)造力。正是由于它如此“簡單”,我們需要更充分的學(xué)習(xí)它、得心應(yīng)手的運(yùn)用它,讓我們的網(wǎng)頁活靈活現(xiàn)得呈現(xiàn)。

歷史

  • CSS 最早被提議是在1994年;

  • 最早被瀏覽器支持是1996年;

  • 1996年 W3C 正式推出了CSS1;

  • 1998年 W3C 正式推出了CSS2;

  • CSS2.1 是 W3C 現(xiàn)在正在推薦使用的;

  • CSS3 現(xiàn)在還處于開發(fā)中;

  • CSS 3 在包含了所有 CSS 2 所支持的基礎(chǔ)上更有所改進(jìn),所以不必?fù)?dān)心兼容問題。

CSS也支持多種設(shè)備,例如手機(jī)、電視、幻燈片、打印機(jī)等,但CSS在瀏覽器上得到了更好的推廣。

CSS 語法

selector{property:value;}

引入方式

三種方式將樣式表加入您的網(wǎng)頁:

內(nèi)聯(lián)樣式 Inline Styles

內(nèi)聯(lián)即是在元素的標(biāo)記內(nèi)使用對象的 style 屬性定義適用它的樣式表屬性。

內(nèi)部樣式塊對象 Embedding a Style Block

你可以在你的HTML文檔的<head>標(biāo)記里插入一個(gè)<style>塊對象。

外部樣式表 Linking to a Style Sheet

你可以先建立外部樣式表文件 *.css , 然后使用HTML的link對象。或者使用 @import 來引入。

<!--使用 link 元素-->
    <link rel="stylesheet" href="code.css">

<!--使用 @import-->

<style>

    @import url("demo.css")

</style>

注意:在實(shí)際開發(fā)中,推薦使用HTML的link對象來引入。

選擇器權(quán)重

權(quán)重主要分為4個(gè)等級(jí):

  • 第一等:代表內(nèi)聯(lián)樣式,如:,權(quán)值為1000

  • 第二等:代表ID選擇器,如:#content,權(quán)值為100

  • 第三等:代表類,偽類和屬性選擇器,如:.content,權(quán)值為10

  • 第四等,代表標(biāo)簽選擇器和偽元素選擇器,如: div  p  ,權(quán)值為1

優(yōu)先級(jí)

遵循如下規(guī)則:

  • 選擇器都有一個(gè)權(quán)值,權(quán)值越大越優(yōu)先;

  • 當(dāng)權(quán)值相等時(shí),后出現(xiàn)的樣式表設(shè)置要優(yōu)于先出現(xiàn)的樣式表設(shè)置;

  • 創(chuàng)作者的規(guī)則高于瀏覽者:即網(wǎng)頁編寫者設(shè)置的 CSS 樣式的優(yōu)先權(quán)高于瀏覽器所設(shè)置的樣式;

  • 繼承的 CSS 樣式不如后來指定的 CSS 樣式;

  • 在同一組屬性設(shè)置中標(biāo)有!important規(guī)則的優(yōu)先級(jí)最大

關(guān)于“CSS用來做什么”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“CSS用來做什么”知識(shí)都有一定的了解,大家如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI