CSS样式创建(外部样式 内部样式 内联样式)

内部演示 语法:

<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的区别

  1. 本质上说:link是HTML的一种表现形式,而@import是CSS的引入方式。
  2. 加载顺序上:link是随着页面的结构一起加载,而@import是页面结构加载完之后再加载。
  3. 兼容上:link没有兼容,而@import在IE5以上的浏览器不兼容。
  4. js上的区别:js控制改变样式的时候,link可以被控制,而@import不行。
上一篇:前端优化总结


下一篇:CSS第二天