在頁面中引用css有幾種方式？
- 云罗郡主轉載
- 2018-11-23 16:02:353519瀏覽
這篇文章帶給大家的內容是關於在頁面中引用css有幾種方式，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
優先權： 外部樣式< 內部樣式表< 內嵌樣式表；
優先權，即：同名的選擇器右邊的會覆寫左邊
1.內部樣式表
<head>
<style>
/*内部样式表，一般用于覆盖公用样式*/
＃headTip {
color: 0xff5;
}
</style>
</head>2.使用link標籤，在文件中宣告使用外接資源，最常用的一種方式。
css外部樣式表指定編碼的@CHARSET="utf-8"; 需要放在第一行。
<head> <link href="./divcss8.css" rel="stylesheet" media="screen" type="text/css"/> </head>
3.@方式，引入css,注意這個是異步加載的，在整個html加載之後才加載，會導致頁面閃爍。不建議使用。
<head> <style> @import 'my-common.css'; </style> </head>
4.內嵌樣式表，優先順序最高最直白，但不能重複使用不容易維護。
<body> <input type="text" style="color:0x550;font-size:30px;"/> </body>
以上就是對在頁面中引用css有幾種方式的全部介紹，如果您想了解更多有關CSS3教程，請關注PHP中文網。
以上是在頁面中引用css有幾種方式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：divcss8.com。如有侵權，請聯絡admin@php.cn刪除