学习布局知识（一）

link 与 @import 不同之处:

  <link rel="stylesheet" href="" type="text/css" media="all"/>

   <style>
      @import "/css/index.css";
   </style>

•   link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务， @import属于CSS范畴，只能加载CSS
•   link引用CSS时，在页面加载的同时加载，@import需要等到页面完全载入以后加载
•   link是XHTML标签，无兼容问题， @import是CSS2.1中提出的，低版本浏览器不支持
•    link支持使用JavaScript控制DOM改变样式, @import不支持

CSS样式冲突时的优先级:

   行内Style > ID选择器 > 类选择器 > 标签选择器。 优先级别相同时按顺序加载

样式书写的顺序:

   在进行编码时，建议遵循 显示样式 > 自身样式 > 文本样式 > 兼容与CSS新样式

•    显示样式:
•        控制元素展示方式的属性, 主要有浮动 float、 定位position、展示方式display、超出状态以及可视化(overflow、visibility)
•    自身样式:
•       宽度 width, 高度 height, 外边距margin, 内边距 padding, 边框 border
•    文本样式:
•       用于处理背景图片、段落文章、文字字体的样式

为何需要样式重置？

•   防止默认样式对CSS书写带来不便
•   保证网页在各个浏览器表现一致性