css基础

1.CSS的全称是什么?

• 层叠样式表

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

• CSS通常有行内式、内嵌式、导入式和链接式四种引入方式。

• link是链接式，@import是导入式 。

• 链接式和导入式，两者都是从外部引入CSS文件。导入式会在整个页面加载完成后再加载CSS文件，当网页内容较大时会产生不好的体验。而链接式会同时加载。

• link是html的一个标签，@import是CSS的一个标签。两者效果相同。但是link不止可以调用CSS，还能调用其他类型的文件。而@import只能调用CSS文件。

• @import不兼容过早版本的浏览器，而link没有这个问题.

3.文件路径

• 相对路径：
  以文件(HTML页面)所在路径为基准来查找相关文件css/a.css:在当前路径(HTML文件所在路径)下存在css文件夹，选择该文件夹下的a.css文件
  ./css/a.css:和第一个意义相同，其中./表示当前目录，选择当前目录下css文件夹中的a.css文件
  b.css:选择当前目录中的b.css文件
  ../imgs/a.png:其中../表示上一级目录，即选择上一级目录中的imgs文件夹下的a.png文件

• 绝对路径：文件或目录在硬盘上真正的路径/Users/hunger/project/css/a.css:在本地计算机上可以通过该路径找到a.css文件

• 网路路径：例如当前页面的地址为http://localhost:8080/code/index.html, 在该HTML文件中存在以下路径：/static/css/a.css：以绝对路径的方式在服务器中寻找a.css文件，即在服务器上直接通过该路径寻找相关文件
  css/a.css:以相对路径的方式在服务器中寻找a.css文件，即在index.html文件所在路径(目录)中寻找css文件夹下的a.css文件
  http://cdn.jirengu.com/kejian1/8-1.png5: 通过该地址可以找到网络上的8-1.png文件

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

• 将图片上传至图床，获取链接，放入img的src属性中。
• 上传到服务器内部并用相对路径读取。

5.HTML、CSS书写规范

• HTML
  为每个HTML页面的第一行添加标准模式（standard mode）的声明
  HTML属性应当按照一定的顺序依次排列，来确保代码的易读性
  标签、属性、属性命名由小写英文、数字和_组成，且所有标签必须闭合，属性值必须用双引号""
  避免使用中文拼音尽量简易并要求语义化
  多用无兼容性问题的HTML内置标签
• CSS
  使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。
  选择器 与 { 之间必须包
  属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格。
  列表型属性值 书写在单行时，, 后必须跟一个空格。font-family: Arial, sans-serif;
  每行不得超过 120 个字符，除非单行不可分割。

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