link和import区别

2 区别

1 link属于html标签，而@import是css的语法。
2 页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载。
3 link是html标签，因此没有兼容性，而@import只有IE5以上才能识别。
4 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的

正因为第一点，第23点才成立，这样容易记忆

以下这几种文件路径分别用在什么地方，代表什么意思?（过）

css/a.css 当前目录下的css文件夹中的
a.css./css/a.css 当前目录中css文件夹中的
a.css文件b.css 当前目录下的b.css文件
../imgs/a.png 上级目录中的imgs 文件夹中的a图片
/User/hunger/project/css/a.css 本地绝对路径中的a.css文件
/static/css/a.css 网站中也可以使用相对路径(http://cdn.jirengu.com/kejian1/8-1.png) 网络中的路径

列出5条以上html和 css 的书写规范

1 在 CSS 可以实现相同需求的情况下不得使用表格进行布局
2 尽量不使用 !important声明
3 0后面不跟单位
4 对于无需自闭合的标签，不允许自闭合,例如input、br、img、hr等
5 使用 button 元素时必须指明 type 属性值
6 选择器 与 { 之间必须包含空格
7 使用 HTML5 的 doctype 来启用标准模式，建议使用大写的 DOCTYPE

截图介绍 chrome 开发者工具的功能区

Paste_Image.png

1.Elements:关于htmlde 一切,可以修改任一元素的属性和样式，复制粘贴删除，选中元素对应样式在右边
2.Console:记录开发者开发过程中的日志信息，且可以作为与JS进行交互的命令行Shell。
3.Sources:断点调试JS。
4.Network:从发起网页页面请求后分析HTTP请求后得到的各个请求资源信息，包头结构内容，所用时间都可以看到
5.Timeline主要针对网页应用的时间和速度分析，全面了解在载入网络应用程序和网页时，时间到底用在什么地方。从载入资源到解析 JavaScript、计算样式以及重绘，所有事件都将绘制在时间轴上，了解浏览器要花费多长时间处理 DOM 事件、呈现网页布局和绘制窗口等
6.Profiles:分析面板包含两种分析器：CPU分析器 (CPU profiler) 和堆分析器 (Heap profiler)。CPU 分析器显示在网页的各个 JavaScript 函数中执行时间花在了哪些地方，堆分析器按网页的 JavaScript 对象显示内存分配。这两种分析器可以帮助开发者了解资源的使用位置，进一步优化代码
7 Resources它可让开发者与包含框架资源(HTML、JavaScript、CSS、图片、字体等)的框架树、HTML5[ 数据库]本地存储、Cookie 和应用程序缓存进行交互
8.Security:判断当前网页是否安全。
9.Audits:这个功能主要是对网页载入进行分析。点击run按钮，就可以开始分析页面，之后就可以看到分析结果，它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的。这个功能对于优化前端页面、加速网页加载速度很有用