1. 程式人生 > >html之行間樣式和外部樣式以及內部樣式

html之行間樣式和外部樣式以及內部樣式

 行間樣式:css寫在標籤裡面,如:
 <h1 style="color:red;">行間樣式</h1>

 不推薦使用,css程式碼跟頁面內容混在一起,很難看。


 內部樣式:css寫在html頁面的<head></head>標籤裡面,如:
<style type="text/css">
h2 { color:red; }
</style>

 頁面內容:<h2 style="color:red;">內部樣式</h2>

 外部樣式:css檔案單獨寫,由html載入(針對開發推薦使用此方法),如
<link rel="stylesheet" type="text/css"  href="123.css" />

注意:

一、Javascript中的style取樣式和加樣式都是加在行間的

二、行間樣式比其他的樣式都要高

三、對一個元素進行操作時要統一對style或者className來操作