CSS的作用
CSS是為HTML提供顯示效果的贪婉,但是我們必須在HTML里引入CSS洪橘,它才會起作用崎淳。
CSS的引入方式
- 內聯(lián)屬性(Inline style attribute)
- 內聯(lián)屬性(Inline style attribute)的使用方法是蝇裤,對于想要設置樣式的HTML元素掷漱,直接修改他的style屬性全封,將css代碼直接寫在style屬性里马昙。 比如:
<h1 style="font-size: 14px;color:blue;">我的字號和高度被修改了</h1>
- 寫在style標簽里
- 直接寫在style標簽里
<style type="text/css">
body{
margin-left: 200px;
margin-right: 200px;
}
</style>
- 一般要求寫在head標簽里
<head>
.button{
background-color: aqua;
height: 30px;
width: 100px;
font-size: 14px;
}
</head>
- 用link標簽引用外部文件
- 寫在head標簽里
<link rel="stylesheet" href="css/index.css"/>
- 這是最常用的引入方式桃犬。如果沒有特別的理由,最好使用引入外部css文件的方式行楞。 所謂特別的理由一般是在極其特殊情況下攒暇,而且往往也是臨時性策略,所以子房,就算你這么做了也請在未來改進成使用link標簽引入外部css文件的方式形用。
引入方式的優(yōu)先級
外部鏈接,寫在style標簽里证杭,內聯(lián)屬性這三種引入方式的優(yōu)先級依次提高田度。也就是“內聯(lián)屬性”里的會覆蓋上面兩種,“寫在style標簽里”的會覆蓋寫在外部文件里解愤,用“外部鏈接”引進來的镇饺。
如果在同一個級別里,幾乎只有一個規(guī)則送讲,后寫的覆蓋先寫的奸笤。