任务6
2017-09-22 本文已影响0人
饥人谷_严琰
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">
- 使用注释，方便以后或其他人理解
