內聯式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>

提交重置程式碼

自動運行