1.CSS的全称是什么?
Cascading Style Sheets 层叠样式表
2.CSS有几种引入方式? link 和@import 有什么区别?
- 外部样式
<link rel="stylesheet" type="text/css" href="css文件地址" media="all"/>
通过<link>标签链接外部css文件，此标签一般写在<head>标签中。
可使用多个此语句添加多个样式表，浏览器会合并显示。
<style type="text/css">
@import url(css文件地址);
</style>
在<style>标签中添加@import语句，链接外部css文件。
此语句须写在其他css语句之前，否则不起作用。
- 内部样式
<style type="text/css">
css语句
</style>
将css语句写在<style>标签内，此标签一般放在<head>内。
- 行内样式
<p style="color: red;">
将css语句作为style属性的值，直接写在需要添加样式的HTML标签内。
此形式不推荐使用。
link与@import的区别
- <link>本质上是HTML标签，@import本质上是css语句。
- 除了链接css文件之外还有许多其他的功能，@import只能链接css文件。
- 加载顺序不同。当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式，然后闪烁一下才显示样式，在网速慢的时候比较明显。
- 兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
3.以下这几种文件路径分别用在什么地方，代表什么意思?
-
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
绝对路径，表示本地a.css文件在硬盘上的绝对地址。 -
/static/css/a.css
绝对路径，表示a.css文件在服务器上的绝对地址。 -
http://cdn.jirengu.com/kejian1/8-1.png
绝对路径，表示8-1.png在网络上的绝对地址。
4.如果我想在js.jirengu.com上展示一个图片，需要怎么操作?
- 将图片上传至某图床，得到图片的网络绝对地址。
再使用插入图片。或使用css将图片设为某元素的背景图片。 - 将图片文件上传服务器，即可使用相对路径读取图片。
5.列出5条以上html和 css 的书写规范
- 统一使用小写字母。
- 不同css语句间必须用分号";"隔开。
- html标签有开头就必须有闭合，自闭和标签除外。
- css属性与值之间的冒号后要跟一个空格。
- css行内样式的写法不推荐使用。
6.截图介绍 chrome 开发者工具的功能区
屏幕快照 2017-03-21 上午12.18.19.png
网友评论