css基础

CSS的全称是什么?

层叠样式表(cascading style sheets)

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

• 4种
  分别是:
  1. 内联样式表
  2. 内部样式表
  3. 标签引入
  4. @import 引入
• link和@import的区别:
  1. @import是css2.1新引入的概念,可能有些低版本浏览器不认识。
  2. 标签是HTML标签,可以写在任意位置。@import是css样式，只能写在 style标签里
  3. link标签会HTML文件加载的时候一起被加载，而@import是等HTML文件全部加载完成之后再加载，用户体验非常不好。

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

css/a.css _相对路径，样式表在css文件夹下_
./css/a.css _相对路径，样式表在当前文件夹下的css文件夹内_
b.css _相对路径，样式表在当前根目录下_
../imgs/a.png _图片在上一级目录中imgs文件下_
/Users/hunger/project/css/a.css _绝对路径，从根目录Users-> a.css_
/static/css/a.css _网站路径，样式表当前文件下的static下css下_
http://cdn.jirengu.com/kejian1/8-1.png _网站路径，图片在根目录下的kejian1内_

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

1. 先从本地上传到网站里
2. 再在对应的地址栏输入图片所在的路径+图片的名称 如：https://jirengu.com -https://jirengu.com/kejian/1.png

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

1. 语法不区分大小写，但建议统一使用小写

2.  属性冒号后跟一个空格
3. 块内容缩进
4. 属性值为0可以省去单位
5. id 和 class 使用带有语言的单词。建议使用‘-’分隔
6. 采用统一的命名规范

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

chrome

chrome2

参考链接
sf chrome dev