CSS的全称是什么?
层叠样式表Cascading Style Sheet
CSS有几种引入方式? link 和@import 有什么区别?
- 行内样式:
<div style="background:red;"></div>
- 内部样式:
<style> .div{ background:red; } </style>
- 外部样式:
<link rel="stylesheet" type="text/css" href="css/css1.css">
- 在
<style></style>
表里写@import url("");
link和@imort的区别:
-
语法结构差别。link 是 HTML 标签除了 CSS 还能定义别的东西,而@import是CSS提供的一种方式,只能加载CSS了。
-
加载顺序的差别。link 和页面本体是会同时加载的,而 @import 得等到页面加载完成再加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁)。
-
兼容性的差别。@import 是 CSS 2 标准,所以老的浏览器不支持,@import只有在IE5以上的才能识别,而link标签无此问题。
-
使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。
以下这几种文件路径分别用在什么地方,代表什么意思?
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 ---- 本地绝对路径中的a.css文件
/static/css/a.css ---- 某网站目录下/static目录下的/css目录下的/a.css文件
http://cdn.jirengu.com/kejian1/8-1.png ----- 网站上的绝对路径,表示饥人谷该网站kejian1目录下的名为8-1.png的图片地址
如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
- 把图片上传服务器,然后引用相对路径
- 第二种生成图片的链接,然后引用图片
列出5条以上html和 css 的书写规范
- 使用英文小写
- 嵌套注意层层缩进标签,缩进使用Tab
- 使用语义化标签
- class命名使用具体的内容,不要按会变的left/right等
- 在每个 HTML 页面的第一行添加声明
<!DOCTYPE html>
- 使用外联式css样式<link href="css.css"rel="stylesheet">
- 使用注释,方便以后或其他人理解
网友评论