任务六

1.CSS的全称是什么?

Csscading Style Sheets，层叠样式表，是一种将表示样式应用到标记的系统‘

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

页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。

区别：

• link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
• link是HTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
• link支持使用Javascript控制DOM去改变样式；而@import不支持．

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

• 相对路径:以文件所在路径为基准来查找相关文件
  • 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文件
• 网站路径：根据当前服务器的路径来查找相关文件
  • /static/css/a.css 以绝对路径的方式在当前服务器路径下查找相关文件，比如当前服务器路径
    为 ，即查找 的这个文件
  • 通过该网站链接找到png文件

• 如果图片在本机，那么先把图片上传到服务器的某个目录下，然后用相对路径去引用
• 本机图片上传到图床网站得到图片链接，然后在imge标签中的src使用这个图片地址即可

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

• 语法不区分大小写，建议统一使用小写
• 不使用内联的style属性定义样式
• Id和class使用有意义的单词，分隔符建议使用-
• 属性值是0 的省略单位
• 块内容缩进
• 属性名冒号后添加一个空格

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

图1 .png

1. Dom元素 点击后选择页面中的任何元素，就会选中相应的DOM节点。
2. 样式
3. 添加新样式
4. 控制台，用于调试js代码
5. 切换终端显示
6. 分析时序
7. 分析CPU与内存
8. 网络请求
9. 资源面板