成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

CSS 簡(jiǎn)介

GraphQuery / 1417人閱讀

摘要:所有的主流瀏覽器均支持層疊樣式表。如需進(jìn)行全局的更新,只需簡(jiǎn)單地改變樣式,然后網(wǎng)站中的所有元素均會(huì)自動(dòng)地更新。多重樣式將層疊為一個(gè)樣式表允許以多種方式規(guī)定樣式信息。樣式可以規(guī)定在單個(gè)的元素中,在頁(yè)的頭元素中,或在一個(gè)外部的文件中。

需要具備的基礎(chǔ)知識(shí)

在繼續(xù)學(xué)習(xí)之前,你需要對(duì)下面的知識(shí)有基本的了解:

  • HTML
  • XHTML

如果你希望首先學(xué)習(xí)這些項(xiàng)目,請(qǐng)?jiān)?首頁(yè)?訪問(wèn)相關(guān)教程。

CSS 概述

  • CSS 指層疊樣式表 (Cascading?Style?Sheets)
  • 樣式定義如何顯示?HTML 元素
  • 樣式通常存儲(chǔ)在樣式表中
  • 把樣式添加到 HTML 4.0 中,是為了解決內(nèi)容與表現(xiàn)分離的問(wèn)題
  • 外部樣式表可以極大提高工作效率
  • 外部樣式表通常存儲(chǔ)在?CSS 文件中
  • 多個(gè)樣式定義可層疊為一

樣式解決了一個(gè)普遍的問(wèn)題

HTML 標(biāo)簽原本被設(shè)計(jì)為用于定義文檔內(nèi)容。通過(guò)使用

、

這樣的標(biāo)簽,HTML 的初衷是表達(dá)“這是標(biāo)題”、“這是段落”、“這是表格”之類的信息。同時(shí)文檔布局由瀏覽器來(lái)完成,而不使用任何的格式化標(biāo)簽。

由于兩種主要的瀏覽器(Netscape 和 Internet Explorer)不斷地將新的 HTML 標(biāo)簽和屬性(比如字體標(biāo)簽和顏色屬性)添加到 HTML 規(guī)范中,創(chuàng)建文檔內(nèi)容清晰地獨(dú)立于文檔表現(xiàn)層的站點(diǎn)變得越來(lái)越困難。

為了解決這個(gè)問(wèn)題,萬(wàn)維網(wǎng)聯(lián)盟(W3C),這個(gè)非營(yíng)利的標(biāo)準(zhǔn)化聯(lián)盟,肩負(fù)起了 HTML 標(biāo)準(zhǔn)化的使命,并在 HTML 4.0 之外創(chuàng)造出樣式(Style)。

所有的主流瀏覽器均支持層疊樣式表。

樣式表極大地提高了工作效率

樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標(biāo)簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過(guò)僅僅編輯一個(gè)簡(jiǎn)單的 CSS 文檔,外部樣式表使你有能力同時(shí)改變站點(diǎn)中所有頁(yè)面的布局和外觀。

由于允許同時(shí)控制多重頁(yè)面的樣式和布局,CSS 可以稱得上 WEB 設(shè)計(jì)領(lǐng)域的一個(gè)突破。作為網(wǎng)站開(kāi)發(fā)者,你能夠?yàn)槊總€(gè) HTML 元素定義樣式,并將之應(yīng)用于你希望的任意多的頁(yè)面中。如需進(jìn)行全局的更新,只需簡(jiǎn)單地改變樣式,然后網(wǎng)站中的所有元素均會(huì)自動(dòng)地更新。

多重樣式將層疊為一個(gè)

樣式表允許以多種方式規(guī)定樣式信息。樣式可以規(guī)定在單個(gè)的 HTML 元素中,在 HTML 頁(yè)的頭元素中,或在一個(gè)外部的 CSS 文件中。甚至可以在同一個(gè) HTML 文檔內(nèi)部引用多個(gè)外部樣式表。

層疊次序

當(dāng)同一個(gè) HTML 元素被不止一個(gè)樣式定義時(shí),會(huì)使用哪個(gè)樣式呢?

一般而言,所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。

  1. 瀏覽器缺省設(shè)置
  2. 外部樣式表
  3. 內(nèi)部樣式表(位于 標(biāo)簽內(nèi)部)
  4. 內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)

因此,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán),這意味著它將優(yōu)先于以下的樣式聲明: 標(biāo)簽中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/1521.html

相關(guān)文章

  • 前端必備資源大整理

    摘要:資源不斷更新中。。。主頁(yè)前端工具簡(jiǎn)介雖然不是第一個(gè)任務(wù)執(zhí)行工具,它卻很快成為了最受歡迎的。官方網(wǎng)站網(wǎng)易框架是網(wǎng)易推出的開(kāi)源前端框架,提供了豐富代碼庫(kù)和插件,可以極大的幫助開(kāi)發(fā)人員提高開(kāi)發(fā)效率。 資源不斷更新中。。。 動(dòng)畫(huà)庫(kù)1.Animate.css說(shuō)明:一個(gè)簡(jiǎn)單易用的跨瀏覽器CSS動(dòng)畫(huà)庫(kù)。GitHub主頁(yè): https://github.com/daneden/an... 2.CSSh...

    JiaXinYi 評(píng)論0 收藏0
  • 前端必備資源大整理

    摘要:資源不斷更新中。。。主頁(yè)前端工具簡(jiǎn)介雖然不是第一個(gè)任務(wù)執(zhí)行工具,它卻很快成為了最受歡迎的。官方網(wǎng)站網(wǎng)易框架是網(wǎng)易推出的開(kāi)源前端框架,提供了豐富代碼庫(kù)和插件,可以極大的幫助開(kāi)發(fā)人員提高開(kāi)發(fā)效率。 資源不斷更新中。。。 動(dòng)畫(huà)庫(kù)1.Animate.css說(shuō)明:一個(gè)簡(jiǎn)單易用的跨瀏覽器CSS動(dòng)畫(huà)庫(kù)。GitHub主頁(yè): https://github.com/daneden/an... 2.CSSh...

    CoorChice 評(píng)論0 收藏0
  • 前端必備資源大整理

    摘要:資源不斷更新中。。。主頁(yè)前端工具簡(jiǎn)介雖然不是第一個(gè)任務(wù)執(zhí)行工具,它卻很快成為了最受歡迎的。官方網(wǎng)站網(wǎng)易框架是網(wǎng)易推出的開(kāi)源前端框架,提供了豐富代碼庫(kù)和插件,可以極大的幫助開(kāi)發(fā)人員提高開(kāi)發(fā)效率。 資源不斷更新中。。。 動(dòng)畫(huà)庫(kù)1.Animate.css說(shuō)明:一個(gè)簡(jiǎn)單易用的跨瀏覽器CSS動(dòng)畫(huà)庫(kù)。GitHub主頁(yè): https://github.com/daneden/an... 2.CSSh...

    xuhong 評(píng)論0 收藏0
  • 前端技術(shù)之_CSS詳解第一天

    摘要:前端技術(shù)之詳解第一天一部分略。。。。中國(guó)主要城市北京上海廣州美國(guó)主要城市紐約洛杉磯華盛頓西雅圖在瀏覽器中,默認(rèn)是不會(huì)增加任何的效果改變的,但是語(yǔ)義變了,中的所有元素是一個(gè)小區(qū)域。前端技術(shù)之_CSS詳解第一天一html部分略。。。。二、列表列表有3種2.1 無(wú)序列表無(wú)序列表,用來(lái)表示一個(gè)列表的語(yǔ)義,并且每個(gè)項(xiàng)目和每個(gè)項(xiàng)目之間,是不分先后的。ul就是英語(yǔ)unordered list,無(wú)序列表的意...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
  • <blockquote id="u0qso"></blockquote>
  • <center id="u0qso"></center>
      <