首頁 >web前端 >css教學 >html span在css樣式裡具體有什麼用? (例)

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

藏色散人
藏色散人原創
2018-08-14 12:01:462599瀏覽

本篇文章主要介紹了關於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 span在css樣式裡具體有什麼用? (例)

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

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

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

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

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

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


【相關內容推薦】


html標籤分類

HTML標籤


#

以上是html span在css樣式裡具體有什麼用? (例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn