2021必修 首门CSS架构系统精讲 理论+实战玩转蘑菇街
直接使用标记的style属性
<div style=" width:100px; height:100px; background-color:#F00;”>hi</div>
2.2 内嵌式
所有的样式都写在<style></style>内,<style></style>一般放在<head></head>内
2.3 外链式
所有的样式均写到一个单独的文件内(该文件后缀名.css),通过
<link rel="stylesheet" href="文件.css" type=”text/css”>
来连接到html文件里。link标签一般放到head标签内部
2.4 导入式(了解)
使用@import指令可以将css文件中的css样式导入到不同的地方
a. 导入式的结果和直接书写是同样的效果
b.导入式可以共享样式代码
c.可以在内嵌式里使用导入,也可在css文件中使用
d.导入样式的使用方法
@import url(“sheet1.css”);