CSS简介

CSS的全称是什么?

css的全称是Cascading Style Sheet,汉语意思是“级联样式表”，通常又称为“风格样式表（Style Sheet)",他是用来进行网页风格设计的。

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

CSS通常有内联式、内部式、外部式

• link方法 链接式
• @import引入 导入式

差别	link	@import
属于差别	属于XHTML标签，除了可以加载CSS外，还可以定义RSS，定义rel连接属性	是CSS提供的一种方式，只能加载CSS
加载顺序差别	link引用的CSS会同时被加载	@import引用的CSS会等到页面全部被下载完再被加载
兼容性差别	link标签无此问题	@import是CSS2.1提出的所以老的浏览器不支持，只有在IE5以上的才能识别
使用DOM控制样式时的差别	当使用JavaScript控制DOM去改变样式的时候，只能使用link标签	@import不是DOM可以控制的
@import可以在CSS中再次引入其他样式表		可以创建一个主样式表，在主样式表中再引入其他的样式表

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

内容	说明
css/a.ss	相对路径：当前文件夹内的CSS文件夹内的a.css
./css/a.css	相对路径：当前文件夹内的CSS文件夹内的a.css
b.css	相对路径：当前文件b.css
../imgs/a.png	相对路径：上层目录下的imgs文件夹下的a.png
/User/hunger/project/css/a.css	绝对路径：在本计算机上可以通过这个路径直接找到
/static/css/a.css	以绝对路径的方式在服务器中寻找a.css文件
css/a.css	相对路径的方式在服务器中寻找a.css文件
http://cdn.jirengu.com/kejian1/8-1.png	通过该地址可以找到网络上的8-1.png文件

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

1. 将本地的图片上传，直接使用相对路径调用展示图片
2. 通过网络路径链接直接引用图片

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

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

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

Paste_Image.png