前端基础

Q1:CSS的全称是什么?

A1:Cascading Style Sheets, 层叠样式表

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

A2:内联样式

内部样式

饥人谷

外部样式

2.2 link 与@import的区别

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

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

css/a.css
./css/a.css
b.css
../imgs/a.png
/Users/hunger/project/css/a.css
/static/css/a.css
http://cdn.jirengu.com/kejian1/8-1.png

---

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
该地址可以找到定位到互联网上的"8-1.png"文件

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

方法1：可以直接将图片上传到服务器，在页面使用这张图片；或者将图片存在本地服务器，然后打开本地服务，然后再在JS BIN上引用图片
方法2：如果这个图片本来就存在网络上其他的服务器上，可以直接使用图片的网络绝对路径链接的方式在页面上添加url引用这张图片

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

• HTML书写规范
  使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。
  class 必须单词全字母小写，单词间以 - 分隔。
  对于无需自闭合的标签，不允许自闭合,例如input、br、img、hr等
  对 HTML5 中规定允许省略的闭合标签，不允许省略闭合标签。
  使用 HTML5 的 doctype 来启用标准模式，建议使用大写的 DOCTYPE。
• CSS书写规范
  使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。
  选择器 与 { 之间必须包含空格。
  属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格。
  列表型属性值 书写在单行时，, 后必须跟一个空格。font-family: Arial, sans-serif;
  每行不得超过 120 个字符，除非单行不可分割。
  当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。

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

chrome.png