内联式css样式,直接写在现有的HTML标签中
生活随笔
收集整理的這篇文章主要介紹了
内联式css样式,直接写在现有的HTML标签中
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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 style="color:blue">xx網,<span>超酷的互聯網</span>、IT技術免費學習平臺,創新的網絡一站式學習、實踐體驗;<span>服務及時貼心</span>,內容專業、<span>有趣易學</span>。專注服務互聯網工程師快速成為技術高手!</p> </body> </html>
?
轉載于:https://www.cnblogs.com/Rinpe/p/5539812.html
總結
以上是生活随笔為你收集整理的内联式css样式,直接写在现有的HTML标签中的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: “关山征戍远”下一句是什么
- 下一篇: 什么子宫腺肌症u型手术