CSS基本知识

1，css的全称是什么？

Cascading Style Sheets 　层叠样式表

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

1.内连样式

2.内部样式

3.外部样式

link和@import区别

• link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
• link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
• link是HTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
• link支持使用Javascript控制DOM去改变样式；而@import不支持。

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

css/a.css（相对路径表示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（绝对路径）

/static/css/a.css（以绝对路径的方式在服务器中寻找a.css文件，即在服务器上直接通过该路径寻找相关文件）

http://cdn.jirengu.com/kejian1/8-1.png（网站路径）

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

1.将图片上传到图床获取链接然后插入img属性中。

2.上传到服务器内部并用相对路径读取。

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

• HTML书写规范
  1.代码缩进使用Tab键。
  2.标签与他的属性必须都是小写。
  3.标签通常是成对出现的，一开一关。也存在一些单标签，如：、
  等。
  4.所有的标签必须合理嵌套。
  5.不要在HTML里使用内联样式
• CSS书写规范
  1.建议统一使用小写。
  2.不使用内联的style属性定义字样。
  3.有可能就用缩写。
  4.id和class建议使用有意义的单词，分隔符建议使用-中横线。
  5.属性的冒号后面有个空格。

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

Paste_Image.png