久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

        手機站
        千鋒教育

        千鋒學習站 | 隨時隨地免費學

        千鋒教育

        掃一掃進入千鋒手機站

        領(lǐng)取全套視頻
        千鋒教育

        關(guān)注千鋒學習站小程序
        隨時隨地免費學習課程

        當前位置:首頁  >  技術(shù)干貨  > HTML中的內(nèi)聯(lián)樣式–CSS內(nèi)聯(lián)樣式

        HTML中的內(nèi)聯(lián)樣式–CSS內(nèi)聯(lián)樣式

        來源:千鋒教育
        發(fā)布人:syq
        時間: 2022-09-20 11:50:28 1663645828

          級聯(lián)樣式表 (CSS) 是一種標記語言,用于確定網(wǎng)頁的顯示方式。它管理網(wǎng)站元素的顏色,字體和布局,并允許您向頁面添加效果或動畫。

        CSS內(nèi)聯(lián)樣式

          我們可以通過三種方式設(shè)置HTML文件/頁面的樣式:外部樣式,內(nèi)部樣式和內(nèi)聯(lián)樣式。在本文中,我們將重點介紹內(nèi)聯(lián)樣式。

          如何在 HTML 中使用內(nèi)聯(lián)樣式

          使用 style 屬性,我們可以將樣式應(yīng)用于具有內(nèi)聯(lián)樣式的單個 HTML 標記內(nèi)的 HTML。

        15

          樣式屬性的工作方式與任何其他 HTML 屬性相同。我們使用 ,后跟等號 (=),然后是一個引號,其中所有樣式值都將使用標準 CSS 屬性值對 - 存儲。style"property: value;"

          注意: 我們可以擁有任意數(shù)量的屬性-值對,只要我們用分號(;)分隔它們。

          值得注意的是,該屬性通常用于開始的 HTML 標記中,因為這是 HTML 元素的一部分,可以包含文本、數(shù)據(jù)、圖像或根本不包含任何內(nèi)容。內(nèi)聯(lián)樣式的示例如下:style

        16

          這類似于:

        17

          唯一的區(qū)別是內(nèi)聯(lián)樣式僅適用于應(yīng)用它的標記,而第二個代碼示例會影響 html 頁上的所有標記。p

          何時使用內(nèi)聯(lián)樣式

          但是,使用內(nèi)聯(lián)樣式不被認為是最佳做法,因為它會導致大量重復 - 因為這些樣式不能在其他地方重用。

          但有時內(nèi)聯(lián)樣式是最佳(或唯一)選項,例如在設(shè)置HTML電子郵件,CMS內(nèi)容(如WordPress,德魯帕爾等)的樣式時。您還可以在設(shè)置動態(tài)內(nèi)容的樣式時使用它們,動態(tài)內(nèi)容是由 HTML 創(chuàng)建的或由 JavaScript 更改的。

          除聲明外,內(nèi)聯(lián)樣式具有高特異性/最高優(yōu)先級,這意味著它們將覆蓋內(nèi)部和外部樣式表中的大多數(shù)其他規(guī)則。!important

          假設(shè)我們有兩個段落文本,其中內(nèi)聯(lián)樣式設(shè)置為,內(nèi)部樣式設(shè)置為 :red green

        18

          來自我們內(nèi)聯(lián)樣式的 CSS 將覆蓋內(nèi)部樣式中的 CSS,因此兩個段落都將是 。red

          內(nèi)聯(lián)樣式的優(yōu)缺點

          到目前為止,我們已經(jīng)了解了什么是內(nèi)聯(lián)樣式以及如何在HTML標記中使用它?,F(xiàn)在,讓我們看一下優(yōu)缺點,看看何時應(yīng)該使用內(nèi)聯(lián)樣式,何時不應(yīng)該使用內(nèi)聯(lián)樣式。

          內(nèi)聯(lián) CSS 的優(yōu)點:

          內(nèi)聯(lián)優(yōu)先于所有其他樣式。在內(nèi)部和外部樣式表中定義的任何樣式都將被內(nèi)聯(lián)樣式覆蓋。

          您可以快速輕松地將 CSS 規(guī)則插入到 HTML 頁面中,這對于測試或預覽更改以及在網(wǎng)站上執(zhí)行快速修復非常有用。

          無需創(chuàng)建其他文件。

          要在 JavaScript 中應(yīng)用樣式,請使用 該屬性。style

          內(nèi)聯(lián) CSS 的缺點:

          向每個 HTML 元素添加 CSS 規(guī)則需要時間,并且會使 HTML 結(jié)構(gòu)無組織。很難跟上、重用和擴展。

          設(shè)置多個元素的樣式可能會影響頁面的大小和下載時間。

          內(nèi)聯(lián)樣式不能用于設(shè)置偽元素和偽類的樣式。例如,可以使用外部和內(nèi)部樣式表設(shè)置定位標記的已訪問、懸停、活動和鏈接顏色的樣式。

          結(jié)論

          在本文中,我們學習了如何在HTML中使用內(nèi)聯(lián)樣式,何時使用它,以及這樣做的一些優(yōu)點和缺點。

          由于內(nèi)聯(lián)樣式優(yōu)先于所有其他樣式,因此使用它的最佳時間之一是在測試或預覽更改以及在網(wǎng)站上執(zhí)行快速修復時。

        tags:
        聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
        10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
        請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
        免費領(lǐng)取
        今日已有369人領(lǐng)取成功
        劉同學 138****2860 剛剛成功領(lǐng)取
        王同學 131****2015 剛剛成功領(lǐng)取
        張同學 133****4652 剛剛成功領(lǐng)取
        李同學 135****8607 剛剛成功領(lǐng)取
        楊同學 132****5667 剛剛成功領(lǐng)取
        岳同學 134****6652 剛剛成功領(lǐng)取
        梁同學 157****2950 剛剛成功領(lǐng)取
        劉同學 189****1015 剛剛成功領(lǐng)取
        張同學 155****4678 剛剛成功領(lǐng)取
        鄒同學 139****2907 剛剛成功領(lǐng)取
        董同學 138****2867 剛剛成功領(lǐng)取
        周同學 136****3602 剛剛成功領(lǐng)取
        相關(guān)推薦HOT
        快速通道
        清水县| 河北省| 襄城县| 长寿区| 大新县| 三河市| 井研县| 莱阳市| 卫辉市| 黄冈市| 曲麻莱县| 南康市| 中牟县| 安顺市| 闸北区| 长乐市| 纳雍县| 瑞安市| 从化市| 靖远县| 科技| 馆陶县| 文昌市| 荆门市| 华蓥市| 乌拉特中旗| 安西县| 磐石市| 抚州市| 霍城县| 乌兰察布市| 青海省| 长沙县| 新建县| 克东县| 云阳县| 临海市| 左云县| 仁化县| 上栗县| 曲麻莱县|