<ol>
<li>CSS的全称是什么： Cascading Style Sheets, 层叠样式表
@charset "utf-8"; //里面有中文的时候需要加上
h1 {
color: red;
font-size: 20px;
}
a:hover{
color: red;
}
</li>
<li>CSS有几种引入方式? link 和@import 有什么区别?
内联样式：<h1 style="color: red; font-size: 20px;"></h1>；
内部样式（肯定不能有href，一般放到head里面，其实可以放到任何地方）：
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
外部样式：
（1）
<head>
<link rel="stylesheet" type="text/css" href="index.css"> //其中 type="text/css" 可以省略
</head>
建议放到head里面；
（2）
<style>
@import url("hello.css");
@import "world.css";
</style>
- 1.link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
- 2.加载顺序的差别。当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时性能较差
- 3.使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
<li>以下这几种文件路径分别用在什么地方，代表什么意思?
css/a.css: 当前目录下的css文件夹中的a.css
./css/a.css: 当前目录下的css文件夹中的a.css
b.css:当前目录下的b.css文件
../imgs/a.png:上级目录中的imgs 文件夹中的a图片
/Users/hunger/project/css/a.css：本地绝对路径中的a.css文件
/static/css/a.css：网站中也可以使用相对路径
http://cdn.jirengu.com/kejian1/8-1.png：网络中的路径
</li>
<li>如果我想在js.jirengu.com上展示一个图片，需要怎么操作?：稳定的做法：上传到服务器内部并用相对路径读取。减小服务器压力的做法：直接盗用其他网站上的图片链接或上传到图床使用图床的绝对链接。</li>
<li>列出5条以上html和 css 的书写规范：
[强制] 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符；
[强制] 选择器 与 { 之间必须包含空格。
.selector {
}
[强制] 属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格。
margin: 0;
[强制] 列表型属性值 书写在单行时，, 后必须跟一个空格。
font-family: Arial, sans-serif;
[强制] 当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。
.post,
.page,
.comment {
line-height: 1.5;
}
</li>
<li>截图介绍 chrome 开发者工具的功能区：
2.png
</li>
</ol>
网友评论