1.样式有几种引入方式? link和 @import有什么区别?
外部样式
<link rel="stylesheet" href="/index.css">内部样式
<style>
p
{
color:yellow;
}
p
</style>-
内联样式
<p style="color:red;">这是task5</p>区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。 区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。 区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。 区别4:ink支持使用Javascript控制DOM去改变样式;而@import不支持。
2.文件路径../main.css 、./main.css、main.css、/main.css有什么区别?
- ../main.css表示文件在当前目录的上一级
- ./main.css、main.css表示文件在当前目录
- /main.css表示根目录文件
3.console.log是做什么用的?
用于开发调试的
4.text-align有几个值,分别有什么作用?写截图说明区别
5.px、em、rem分别是什么?有什么区别?如何使用?
- px 像素,绝对单位
- em 相对于父级,相对单位
- rem 相对于根节点,相对单位
6.对chrome 审查元素的功能做个简单的截图介绍
7.如下代码,设置 p为几 rem,让h1和p的字体大小相等?
6