2021必修 首門CSS架構系統(tǒng)精講 理論+實戰(zhàn)玩轉蘑菇街
直接使用標記的style屬性
<div style=" width:100px; height:100px; background-color:#F00;”>hi</div>
2.2 內(nèi)嵌式
所有的樣式都寫在<style></style>內(nèi),<style></style>一般放在<head></head>內(nèi)
2.3 外鏈式
所有的樣式均寫到一個單獨的文件內(nèi)(該文件后綴名.css),通過
<link rel="stylesheet" href="文件.css" type=”text/css”>
來連接到html文件里。link標簽一般放到head標簽內(nèi)部
2.4 導入式(了解)
使用@import指令可以將css文件中的css樣式導入到不同的地方
? ? a. 導入式的結果和直接書寫是同樣的效果
? ? b.導入式可以共享樣式代碼
? ? c.可以在內(nèi)嵌式里使用導入,也可在css文件中使用
? ? d.導入樣式的使用方法
? ?? ?@import url(“sheet1.css”);
標簽: