前端学习笔记

选择器的权重：

 当多个选择器，选中同一个元素，且都为他们定义了样式，入宫属性发生了冲突，会选中权重高的来执行

* < 元素 < class < id < 内联样式 < 包含选择器（权重之和）< @important

background-size: 100% 图片拉至和边框一样大

background-size:  contain; 不改变图片比例的情况下将其扩展至最大，会导致留白

background-size: cover; 把背景图同比例放大，使背景完全覆盖背景区域

<link rel="stylesheet" type="text/css" href="css文件路径"/>

<style type="text/css">

  @import url("css文件路径")

</style>

 

 link 和@import都能导入 css，他们有什么区别？

# 答：

1. link属于 XHTML标签，而 @import 完全是 css提供的一种方式。
2. 加载顺序的区别： 当一个页面被加载的时候（就是被浏览器浏览的时候）， link引用的css会同时加载，而@import引用的css会等到页面全部被下载完成后在被加载。所以有时候浏览@import加载css的页面是开始会没有央视（就是闪烁）， 网速慢的时候也挺明显。
3. 兼容性的差别： @import是 css2.1提出的，所以老的浏览器不支持， @import只有在IE5以上才能识别，而link标签无此问题