HTML 基础-2

  1. 样式有几种引入方式? link和 @import有什么区别?
    主要的是以下三种:
  • 浏览器缺省设置:浏览器的默认设置。
  • 外部样式表:将样式放在文件中,编码时利用href(资源定位服务)或者@import (较少使用)链接使用完成效果。
  • 内部样式表:直接在标签内部添加样式。(添加单独style标签或在需要添加样式的标签元素内添加style)
    link是一个html的一个标签,而@import是css的一个标签。link标签除了可以加载css外,还可以做很多其它的事情,比如声明页面链接属性,声明目录等,@import就只能加载css了且当一个页面被加载的时候,link引用的css会同时被加载,而@import引用的css会等到页面全部被下载完再被加载。
  1. 文件路径../main.css、./main.css、main.css、/main.css有什么区别?
  • ../main.css:当前文件所在目录的上一级目录下的main.css文件
  • ./main.css、main.css:当前文件所在目录下的main.css文件
  • /main.css:当前文件的根目录下的文件main.css文件
  1. console.log是做什么用的?
    console :控制台;log:日志,意思是在控制台输出日志信息。控制台也叫开发者工具,属于浏览器的一部分,用于开发者调试使用。
  2. text-align有几个值,分别有什么作用?写截图说明区别?
    总共有5个值,分别如下:


    Paste_Image.png
  3. px、em、rem分别是什么?有什么区别?如何使用?
    px(像素)是绝对单位,表示屏幕设备物理上能显示出的最小的一个点;em是相对单位,基准点为父节点字体的大小;rem是相对单位,基准点是根元素<html>的字体大小。
  4. 对chrome 审查元素的功能做个简单的截图介绍。


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

    由于任意浏览器的默认字体高都是16px,因此此段代码中html 的大小为:62.5%16px=10px,rem基准点是根元素<html>的字体大小,要使h1同p的字体大小相等,则p应该设为6rem=610px=60px。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92
  • 样式有几种引入方式? link和 @import有什么区别? 样式有三种引入方式 1.内联样式 2.内部样式 3....
    coolheadedY阅读 1,729评论 0 0
  • 一.样式有几种引入方式?link和@import有什么区别 样式主要有三种引入方式:外部样式表、内部样式表、内联样...
    简_developer阅读 2,286评论 0 0
  • 样式的几种引入方式 外部样式: 内部样式: ... 内联样式: ... link 和 @import的区别: 区别...
    王难道阅读 1,423评论 0 0
  • 我喜欢你 ‌就像南方的雨 ‌突如其来的棉柔 ‌又细又密如薄油浸着地面 ‌既不聚成水滴,也不凝成凹凼 ‌甚至湖面上的...
    聆听大海的呱声阅读 1,702评论 0 1

友情链接更多精彩内容