task5

1.样式有几种引入方式? link和 @import有什么区别?

  • 外部样式

  • 内部样式

  • 内联样式

    这是task5

    区别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有几个值,分别有什么作用?写截图说明区别

task5_第1张图片
text-align的几种方式代码.png
task5_第2张图片
text-align的几种样式.png

5.px、em、rem分别是什么?有什么区别?如何使用?

  • px 像素,绝对单位
  • em 相对于父级,相对单位
  • rem 相对于根节点,相对单位

6.对chrome 审查元素的功能做个简单的截图介绍

task5_第3张图片
审查元素.png

7.如下代码,设置 p为几 rem,让h1和p的字体大小相等?
6

你可能感兴趣的:(task5)