CSS基础

1、CSS的全称是什么?有什么作用?

• CSS的全称是 Cascading Style Sheets，即层叠样式表。

• CSS是一种样式表语言，用于为HTML文档定义布局, 例如，CSS涉及字体、颜色、边距、高 度、宽 度、背景图像、高级定位等方面。

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

2.1、CSS有几种引入方式?

CSS有4种引入样式，分别为内联式、内部式、外部式和导入式。

 1.内联式
 

    内联式
  
2.内部式
  
  
内部样式
3.外部式

  
  

4.导入式
  

2.1、link 和@import 有什么区别?

• link是HTML标签，可以直接写在HTML中；@import是CSS语法，需要写在CSS样式表或者style标签中。

• link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
• link是XHTML标签，无兼容问题；@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.css文件。
• /User/hunger/project/css/a.css 绝对路径：本地绝对路径中的a.css文件。
• /static/css/a.css 以绝对路径的方式在服务器中寻找a.css文件。
• css/a.css 以相对路径的方式在服务器中寻找a.css文件。
• http://cdn.jirengu.com/kejian1/8-1.png 网站中的路径： 指向网络上的一个图片。

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

1. 如果这个图片本来就存在网络线上，可以直接使用图片的网络绝对路径链接的方式在页面上添加url引用这张图片。

2. 如果图片在本地，可将图片上传到某个网址，生成一个线上网址，或将图片文件存于本地服务器，开启本地服务即可使用。

![饥人谷](https://jirengu.com/data/upload/2017/0118/17/587f39fba695a.png)

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

1. 语法建议统一使用小写

2. 不使用内联样式的style元素定义样式，建议采用外部css
3. id和class使用有意义的单词，分隔符建议使用-
4. 属性值是0的省略单位
5. 缩进建议使用2个空格
6. 属性名冒号后面添加一个空格

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

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png