内部演示 语法:
<head>
<style>
/*CSS语句*/
</style>
</head>
注:使用style标记创建样式时,最好把标记写在<hrad></hrad>里面
外部样式 语法:
<link rel="sheetstyle" type="text/css" href="目标文件的路径及文件全称"/>
注:使用link元素导入时,需将该元素写入<head></head>之间。
<style>
@import url(目标文件路径及文件名称);
</style>
注:@和import之间没有空格,url和括号之间也没有空格,必须用分号结尾。
内联样式 语法:
<div style="width:20px; height:20px;"></div>
外部样式 link和@import的区别
- 本质上说:link是HTML的一种表现形式,而@import是CSS的引入方式。
- 加载顺序上:link是随着页面的结构一起加载,而@import是页面结构加载完之后再加载。
- 兼容上:link没有兼容,而@import在IE5以上的浏览器不兼容。
- js上的区别:js控制改变样式的时候,link可以被控制,而@import不行。