內聯樣式 嵌入樣式 外部樣式怎么理解?最好有例子解釋說明一下,謝謝!
內聯樣式 嵌入樣式 外部樣式怎么理解?
非池中錦魚3693830
2016-07-24 14:25:38
TA貢獻128條經驗 獲得超67個贊
<head> <link?href="css/bootstrap.min.css"?rel="stylesheet">?--這是外聯樣式 <style> body{?margin:0;padding:0}?--這是內聯樣式 </style> </head> <body> <div?style="border:1px?red?solid;"></div>--這是嵌入樣式 </body>
TA貢獻319條經驗 獲得超234個贊
內聯樣式
<div?style="width:300px;height:?200px;?background-color:?#ff0">這里是內聯樣式</div>
嵌入樣式
<head> <style?type="text/css"> /*嵌入樣式*/ .div?{ ????width:?300px; ????height:?200px; ????background-color:?#f00; } </style> /*外部樣式*/ <link?rel="stylesheet"?type="text/css"?href="style.css"> </head>
他們的優先級是:內聯樣式>嵌入樣式>外部樣式,采用的是就近原則
舉報