溫馨提示×

您好，登錄后才能下訂單哦！

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

CSS樣式類實(shí)例分析

發(fā)布時(shí)間：2022-03-02 15:36:50 來源：億速云 閱讀：128 作者：iii 欄目：web開發(fā)

這篇文章主要講解了“CSS樣式類實(shí)例分析”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS樣式類實(shí)例分析”吧！

    CSS概述

    CSS指層疊樣式表(CascadingStyleSheets)

    樣式定義如何顯示HTML元素

    樣式通常存儲(chǔ)在樣式表中

    把樣式添加到HTML4.0中，是為了解決內(nèi)容與表現(xiàn)分離的問題

    外部樣式表可以極大提高工作效率

    外部樣式表通常存儲(chǔ)在CSS文件中

    多個(gè)樣式定義可層疊為一個(gè)

    HTML標(biāo)簽原本被設(shè)計(jì)為用于定義文檔內(nèi)容。通過使用<h2>、<div>、<table>這樣的標(biāo)簽，HTML的初衷是表達(dá)“這是標(biāo)題”、“這是段落”、“這是表格”之類的信息。同時(shí)文檔布局由瀏覽器來完成，而不使用任何的格式化標(biāo)簽。

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

    div和span的理解

    div是一個(gè)html標(biāo)簽,一個(gè)塊級(jí)元素(單獨(dú)顯示一行),單獨(dú)使用沒有任何意義,必須結(jié)合CSS來使用,主要用于頁面的布局;

    span是一個(gè)html標(biāo)簽,一個(gè)內(nèi)聯(lián)元素(顯示一行),它單獨(dú)使用沒有任何意義,必須結(jié)合css使用,主要對(duì)括起來的內(nèi)容進(jìn)行樣式的修飾;

    類選擇器

    使用類選擇器前要對(duì)世紀(jì)文檔做標(biāo)記，才能發(fā)揮類選擇器作用。

    .name{text-align:center}

    在文檔后面的部分，通過包含與樣式相關(guān)的'class'屬性，且將其中一個(gè)預(yù)定義的樣式指定為'name'值，就一塊明確選擇要對(duì)該標(biāo)簽的特定情況用何種樣式

    <pclass=name>

    <!DOCTYPEhtml>

    <html>

    <head>

    <metacharset="UTF-8">

    <title>類選擇器</title>

    <style>

    .sheen{font-size:large;color:salmon}

    </style>

    </head>

    <body>

    <div>

    SiesprechengutDeutsch.

    </div>

    <div>

    WasmachenSiehierinBerlin?ArbeitenSiehire?

    </div>

    <div>

    Nein,ichstudiere.

    </div>

    </body>

    </html>
CSS樣式類實(shí)例分析

感謝各位的閱讀，以上就是“CSS樣式類實(shí)例分析”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)CSS樣式類實(shí)例分析這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

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

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

css
AI
助
手