優先權： 外部樣式< 內部樣式表< 內嵌樣式表;
優先權，即：同名的選擇器右邊的會覆寫左邊
1.內部樣式表
<head>
<style>
/*内部样式表，一般用于覆盖公用样式*/
＃headTip {
color: 0xff5;
}
</style>
</head>
2.使用link標籤，在文件中聲明使用外接資源，最常用的一種方式。
css外部樣式表指定編碼的@CHARSET="utf-8"; 需要放在第一行。
<head>
<link href="./my-common.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的四種書寫方式(必看篇) 全部內容了，希望大家多多支援腳本之家~
以上是簡述css的四種寫法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
