html span在css樣式裡具體有什麼用?(樣本)

來源:互聯網
上載者:User
本篇文章主要介紹了關於span標籤的屬性和span標籤的作用及span和div的區別。

先給大家舉一個簡單的html span代碼使用樣本:

<!DOCTYPE HTML><html lang="en"><head>    <title>span標籤的使用樣本</title>    <meta charset="UTF-8">    <style type="text/css">       p{color: #04569A;}        span{color: red;}    </style></head><body><div>    <p>這裡是一段文字<span>html span是重點</span>其餘沒有變色</p></div></body></html>

效果如:

大家應該都知道大多數 HTML 元素被定義為區塊層級元素或內嵌元素。

這裡<div> 元素是區塊層級元素,定義文檔中的分區或節,與 CSS 一同使用可用於對大的內容塊設定樣式屬性。

<span> 元素是內嵌元素,被用來組合文檔中的行內元素。可用作文本的容器。與 CSS 一同使用時也可用於為部分文本設定樣式屬性。比如上述中的紅色文字。

其實如果不對 span 應用樣式,那麼 span 元素中的文本與其他文本不會任何視覺上的差異。儘管如此,上例中的 span 元素仍然為 p 元素增加了額外的結構。

span和div的區別主要在於div是區塊層級元素,它周圍的元素會自動換行,而<span>僅是一個行內元素,在它的前後不會自動換行。並且<span>標籤是可以包含於<div>之中,成為<div>的子項目,但是反之則不成立。

那麼以上就“span標籤是什麼意思”的相關問題進行了具體介紹,希望對有需要的朋友有所協助。

【相關內容推薦】

html標籤分類

HTML標籤

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.