1.CSS是什么？

CSS的全程为 Cascading style sheets 翻译过来中文是 层叠样式表,它是用来控制或者增强网页样式的一种语言，并且允许网页内容与样式分离。布局，大小，颜色都可以改变。

2.CSS有几种引入方式？import和link引入方式有什么不同?

CSS引入方式大概有三种，内联式，内部式（嵌入式），外联式。

• 内联式

内联式，顾名思义，就是直接在html标签内改变样式，且仅仅改变该标签的样式，下一个同名标签仍为默认样式。大概用法如下：

内联式

• 内部式（内联式）

内部式，是写在head标签内同时加入style标签，用选择器来控制元素的样式。例如：

内部式

• 外部式

外部式是通过引用外部的CSS文件，来控制网页的样式，也就是通常说的样式与内同分离。通常有两种方式 link 和 import 。这两种方式大大不同，可能有的称 link为链接式，import为导入式。

这三种方法，优先级基本遵循就近原则，所以常常表现为内联式>内部式>外部式。

link和import有什么区别？

这二者虽然都是外部式，都能达到样式与内容分离的效果，但是实际差别还是很大的。

• link和import

  • link本身就是一个HTML的标签，理论上他可以出现在HTML的任何一个地方，但是由于实际使用和浏览器的渲染机制，我们通常将其放入head标签内。link 不止可以引用CSS文件，还可以引用其他的类型的文件。而import 是CSS语言，所以他只能导入CSS文件。

  • 加载的方式不同，使用link引入的CSS文件会和页面一起加载，而使用 import引入的CSS则会等页面加载完才开始加载。

  • 兼容性link是HTML标签，所有的浏览器都支持，import则只能支持IE5以上的版本。

• link

link

其中REL属性描述的是当前文档与链接文档的信息，href指的是文件位置。type被链接文档的MIME信息。

• import

import

3.常见路径的表示方法

• css/a.css 表示相对路径，当前目录下，css文件夹下的a.css文件。

• ./css/a.css 同上。表示一样的意思。都是相对路径。

• b.css 当前目录下的 b.css文件,相对路径。

• ../images/a.png 上级目录的images文件夹下的a.png文件，相对路径。

• /Users/hunger/projects/css/a.css MAC中的绝对路径。

• /static/css/a.css 网络上的相对路径，且是以根目录开头的。

• http://http://cdn.jirengu.com/kejian1/8-1.png 网络上的绝对路径。

'/'表示根目录。 './'表示当前目录。 '../'表示上级目录。

4.如果我想在饥人谷中上展示一个图片，怎么操作？

• 如果我是开发人员就可以将电脑上的本地图片上传到服务器文件上，直接用网站的相对路径引用，也可以直接在用网络上的图片，使用网络绝对路径来上传。

111

• 现在我不是开发人员，只能调用网络上绝对路径来上传。
  • 直接上传绝对路径的。
  • 把图片变成网络绝对路径的。

222

5. 列出5条以上HTML和CSS规范

• 属性名冒号后面加空格

• 尽量用小写

• 不使用内联样式

• 块内容缩进

• 标签一定要闭合

6.Chrome 开发者工具。

开发者工具