任务6-CSS基础

1.CSS的全称是什么?

cascading style sheets, 级联内部样式

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

1. 有三种引入方式

• 内部级联
• 内部引用
• 外部引用

2. link 和 @import都是外部引用，但是link是html标签，@import是css的语法

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

• css/a.css
  相对路径，表示路径：当前文件的目录下的css文件夹里面的a.css文件
• ./css/a.css
  与css/a.css没有区别， './' 就是当前文件所在目录的意思
• b.css
  相对路径，表示路径：当前文件的目录下的b.css文件
• . ./imgs/a.png
  相对路径，'. ./' 表示当前文件目录的上级目录，'. ./imgs/a.png'表示路径：当前文件目录的上级目录下的imgs文件夹下的a.png文件
• /Users/hunger/project/css/a.css
  绝对路径（本地绝对路径）
• /static/css/a.css
  绝对路径（服务器上的绝对网络路径）
• http://cdn.jirengu.com/kejian1/8-1.png
  完整的网络路径

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

![](http://js.jirengu.com/images/dave.min.svg)

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

1. 不区分大小写，规范一律用小写
2. 不鼓励用内联样式
3. Id和class的名称要使用有意义的单词；如果是多个单词连起来的，则单词之间用'-'连接
4. 块内容之间要有缩进
5. 冒号后面要加空格
6. 属性值为0，则省略单位

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

Paste_Image.png

1. Elements：Html页面内容，可以查找并调试每个DOM节点
2. Styles：调试css风格
   3.Console：调试js
3. Sources：断点调试js代码
4. Networks：查看页面的请求
5. Resources：当前页面资源：页面资源、图片、js等，包括local storage和cookie