<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 开发者工具的功能区:
</li>
</ol>