內(nèi)聯(lián)式css樣式,，直接寫在現(xiàn)有的HTML標簽中

Eagle89 2017-07-21

展開全文

CSS樣式可以寫在哪些地方呢？從CSS 樣式代碼插入的形式來看基本可以分為以下3種：內(nèi)聯(lián)式,、嵌入式和外部式三種,。這一小節(jié)先來講解內(nèi)聯(lián)式。

內(nèi)聯(lián)式css樣式表就是把css代碼直接寫在現(xiàn)有的HTML標簽中,，如下面代碼：

<p style="color:red">這里文字是紅色,。</p>

注意要寫在元素的開始標簽里,，下面這種寫法是錯誤的：

<p>這里文字是紅色,。</p style="color:red">

并且css樣式代碼要寫在style=""雙引號中，如果有多條css樣式代碼設(shè)置可以寫在一起,，中間用分號隔開,。如下代碼：

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

任務(wù)

我來試一試：使用內(nèi)聯(lián)式css樣式為"超酷的互聯(lián)網(wǎng)"這幾個字設(shè)置字體顏色為藍色

在右邊編輯器中13行中的第一個span標簽中寫入代碼：

練習(xí)：

代碼：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>認識html標簽</title>
<style type="text/css">
span{
color:red;
}
</style>
</head>
<body>
<p>慕課網(wǎng)，<span style="color:blue">超酷的互聯(lián)網(wǎng)</span>,、IT技術(shù)免費學(xué)習(xí)平臺,，創(chuàng)新的網(wǎng)絡(luò)一站式學(xué)習(xí)、實踐體驗,；<span>服務(wù)及時貼心</span>,，內(nèi)容專業(yè)、<span>有趣易學(xué)</span>,。專注服務(wù)互聯(lián)網(wǎng)工程師快速成為技術(shù)高手,！</p>
</body>

</html>