1. 程式人生 > 其它 ><span>標籤的作用

<span>標籤的作用

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>內聯樣式</title>
</head>

<body>
    <p>慕課網,<span style="color:blue">超酷的網際網路</span>、IT技術免費學習平臺,創新的網路一站式學習、實踐體驗;<span>服務及時貼心</span>,內容專業、<span>有趣易學</span>。專注服務網際網路工程師快速成為技術高手!</p>
</body>

</html>

內聯式css樣式表就是把css程式碼直接寫在現有的HTML標籤中,如下面程式碼:

<p style="color:red">這裡文字是紅色。</p>
注意要寫在元素的開始標籤裡,下面這種寫法是錯誤的:

<p>這裡文字是紅色。</p style="color:red">
並且css樣式程式碼要寫在style=""雙引號中,如果有多條css樣式程式碼設定可以寫在一起,中間用分號隔開。如下程式碼:

<p style="color:red;font-size:12px">這裡文字是紅色。</p>

新增內聯式css程式碼後如上