1.CSS的全称是什么？

Cascading Stylesheet 层叠样式表。

2.CSS有几种引入方式? link 和@import 有什么区别?

引入方式有三种：行内式 ，内嵌式，外联式；
link和@import的区别：

• link是xhtml标签，除了加载css外还可以定义RSS等其他事务，@import是属于css范畴，只能加载css；
• link引用css在页面载入时同时加载，@import需要页面网页完全载入后加载。
• link没有兼容问题，@import是css2.1提出的，低版本浏览器不支持。
• link支持使用js控制dom改变样式，@import不支持。

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

• css/a.css 当前位置和css文件夹是同级，css文件夹下的a.css文件； 相对路径
• ./css/a.css 同上；相对路径
• b.css 当前位置与b.css文件同级，当前目录下的b.css文件；相对路径
• ../imgs/a.png 当前所在位置的上级位置和imgs文件夹同级，imgs文件夹下的a.png; 相对路径
• /Users/hunger/project/css/a.css 绝对路径中的.a.css文件
• /static/css/a.css 网站路径下的相对路径，当前服务器域名下的css文件夹下的a.css
• http://cdn.jirengu.com/kejian1/8-1.png 网站路径，网络中的图片地址。

4.如果我想在js.jirengu.com上展示一个图片，需要怎么操作?

1 . 把图片上传到服务器内部，采用相对路径；
2 . 如果网络上有这张图片，可以直接使用图片链接。

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

• 选择器和{之间必须包含空格。属性名和：之间不允许包含空格，：和属性值之间必须包含空格；
• 当一个rule包含多个selector时每个选择器声明都必须占一行；
• 选择器的嵌套最好不超过3级，越后面的限定条件尽可能准确；
• 尽量使用属性缩写；
• margin padding设置值时，注意隐含数值的影响，尽量不要简写。
• 属性书写时应分类别和书写顺序；
  一般的布局方式（位置）>box model>文本格视觉效果>视觉效果；
• 数值为0时省略单位；

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

![http://i4.buimg.com/567571/a7a2b8d8410e5ba2.jpg]
1 Elements：允许我们从浏览器的角度看页面，就是说我们可以看到chrome渲染页面所需要的html，css和dom对象，我们还可以编辑这些内容来改变页面效果。
2 Console可以查看网页运行后的提示消息，错误，警告以及输出内容，js调试中常用console.log()；
3 Sources可以查看运行的脚本，调试一般都是在Sources中调试；可以打开一段代码然后鼠标点击左侧的脚本代码编号添加断点，添加断点后刷新页面，然后运行右侧的箭头来一步步调试程序，效果很好。
4 NetWork可以看到网页加载的脚本和资源的时间，还可以看到某些不能加载成功的资源；
5 Timeline面板是整个面板里面最复杂的一个面板，涉及的东西比较多。可以利用这个面板来记录和分析网页运行过程中的所有活动行为信息。你可以充分利用这个面板来分析你的网页的程序性能问题。
6 如果上面中的Timeline面板所提供的信息不能满足你的要求，你可以使用Profiles面板，利用这个面板你可以追踪网页程序的内存泄漏问题，进一步提升程序的JavaScript执行性能。
7 Application该面板主要是记录网站加载的所有资源信息，包括存储数据（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、缓存数据、字体、图片、脚本、样式表等。
8 Security通过该面板你可以去调试当前网页的安全和认证等问题并确保您已经在你的网站上正确地实现HTTPS。HTTPS（Hyper Text Transfer Protocol over Secure Socket Layer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版；
9 对当前网页进行网络利用情况、网页性能方面的诊断，并给出一些优化建议。比如列出所有没有用到的CSS文件等。