內聯式css樣式
CSS樣式可以寫在哪些地方呢?從CSS 樣式程式碼插入的形式來看基本上可以分為以下3種:內聯式、嵌入式和外部式三種。這一小節先來講解內聯式。
內聯式css樣式表就是把css程式碼直接寫在現有的HTML標籤中,如下列程式碼:
<p style="color:red">这里文字是红色。</p>
注意要寫在元素的開始標籤裡,下面這種寫法是錯誤的:
<p>这里文字是红色。</p style="color:red">
並且css樣式程式碼要寫在style=""雙引號中,如果有多條css樣式程式碼設定可以寫在一起,中間用分號隔開。如下程式碼:
<p style="color:red;font-size:12px">这里文字是红色。</p>
新建檔案
<!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>PHP中文网,<span style="color:blue">超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;<span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載,工作人員正在整理中,後期請多關注該課程~ 















