1.CSS的全称是什么?
全称是Cascading Style Sheets,即层叠样式表。
2.CSS有几种引入方式? link 和@import 有什么区别?
CSS有几种引入方式?
css有三种引入方式,分别是内联样式,内部样式,外部样式。link 和@import 有什么区别?
区别1:link属于XHTML标签,而@import完全是CSS提供的一种方式。
区别2:加载顺序的差别。当一个页面被加载的时候,link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。
区别3:兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。
区别4:使用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 本地css文件夹中的a.css文件。网络路径
/static/css/a.css 网页的绝对路径下css文件夹中的a.css文件。
http://cdn.jirengu.com/kejian1/8-1.png
外部链接,其他网页中的图片。
4.如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
- 若是本地图片,将该图片上传至服务器,然后以相对路径引用该图片。
- 若是其他网页中的图片,则直接在
<a>
标签中引用该图片的链接。
5.列出5条以上html和 css 的书写规范
5-1. 所有语法均小写。
5-2. 不使用css的内联样式。
5-3. id和class标签以有意义的单词命名,单词之间用-链接。
5-4. 属性冒号后加一个空格。
5-5. 在可以使用缩写的情况下,尽量使用属性缩写。