HTML2
2016-07-07 本文已影响31人
Nicklzy
样式有几种引入方式? link和 @import有什么区别
答：常用3种。
- 链入外部样式表。先建立外部样式表文件（.css）,再使用html中的link对象。最常用的方式
例：<link rel ="stylesheet" type="text/css" href="index.css"> - 嵌入式(内部样式表)。将css样式直接写在<style>标签内。
例：
<style>
p {color : red}
</style> - 行内式（内联式）。直接在html元素内书写<style>
例：<body style= "background-color : red">;</body>
- 导入式。不常用
<style>
@import "index.css";
</style>
link和 @import有什么区别
- 归属不同。link属于html的标签，而@imprt属于CSS的标签
- 加载顺序不同。当加载页面时，link所引用的CSS样式会同时加载，而@import引用的CSS会在页面加载完毕后加载。@import引用的方式有可能导致页面闪烁。
- 兼容性差别。@import是在CSS2.1上被提出的，所以老的浏览器不支持。@import 在IE5以上的版本才可使用。html无此问题。
- 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
http://www.programgo.com/article/81952431569/
http://www.dreamdu.com/blog/2007/05/11/css_link_import/
文件路径../main.css 、./main.css、main.css有什么区别
- ../main.css在上一级目录下寻找main.css
- ./main.css与main.css在当前目录下寻找main.css
console.log是做什么用的
- 用来调试JavaScript，可以看到对象中的内容，并且不会弹出窗口打断操作，其信息展示在控制台中。
text-align有几个值，分别有什么作用
- justfy:两端对齐文本居中的效果
- center：文本居中的效果
- right：靠右对齐
- left：靠左对齐
px、em、rem分别是什么？有什么区别？如何使用
- px 为像素单位
- em 为相对于上个父元素的字体大小的单位
- rem 为相对于根元素的字体大小的单位。通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
对chrome 审查元素的功能做个简单的截图介绍
1.jpg
如下代码，设置 p为几 rem，让h1和p的字体大小相等?
QQ截图20160707114727.jpg
答：浏览器默认为16PX，而在此处HTML根元素大小为10PX，60/10=6，设置为6。
本教程版权归饥人谷_Nick和饥人谷所有，转载须说明来源
