CSS基础

1. CSS全称是什么？

CSS就是一种层叠样式表（Cascading Style Sheet）。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

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

css的4种引入样式：

• CSS内联样式：

CSS的几种引入方式

• CSS内嵌样式

• CSS外联样式

• 浏览器有自己的默认样式

  link和@impot区别

• 类别不同
  link属于XHTML标签，而@import url("css文件")，完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。导入语句应写在样式表的开头，否则无法正确导入外部文件；

• 加载顺序的差别
  link引用的CSS会同时被加载，@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时性能较差

• 兼容性的差别
  @import是CSS2.1提出的所以老的浏览器不支持，只有在IE5以上的才能识别，link标签浏览器都支持

• 使用dom控制样式时的差别
  当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

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：网络路径：代表网站的图片路径
• /static/css/a.css网站路径：网站服务器根目录static文件夹中的css文件夹中的a.css文件

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

将本地图片发到饥人谷所用服务器上，在网页中进行引用，或者直接从别的网站复制图片地址，使用

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

• 语法不区分大小写，但建议统一使用小写
• 不使用内联的style属性定义样式
• id和class使用有意义的单词，分隔符建议使用-
• 有可能就用缩写
• 属性值是0的省略单位
• 块内容缩进（多个标签嵌套时注意使用缩进，以便查阅）
• 属性名冒号后面添加一个空格