任务5-HTML2

作者: 饥人谷_桶饭 | 来源:发表于2016-09-20 14:51 被阅读0次
  1. 样式有几种引入方式? link 和 @import有什么区别

    • 外部样式表:

          <head>
          <link rel="stylesheet" type="text/css" href="index.css">
          </head>
      
    • 内部样式:

      <body>
              <p style="color: blue; font-size:14px;">段落</p>
       </body>
      
    • 嵌入样式:

      <head>
          <style type="text/css">
                p {
                    color:red;
                    font-size:18px;
                }
         </style>
      </head>
      
    • 导入式样式:

      <head>
          <style>
          @import url("#.css")
          </style>
      </head>
      

      link 和 @import的区别:

      • link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
      • link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
      • link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
      • link支持使用Javascript控制DOM去改变样式;而@import不支持。
  2. 文件路径../main.css 、./main.css、main.css、/main.css有什么区别

…/main.css代表上级目录的main.css文件
./main.css代表当前目录main.css文件
main.css代表当前目录的main.css文件
/main.css 是在当前目录的根目录寻找 css文件

  1. console.log是做什么用的

用于调试代码,在控制台中更改变量。

  1. text-align有几个值,分别有什么作用?写截图说明区别

text-align:left 表示文本排列到左边
text-align:center 表示本文居中
text-align:right 表示文本排列到右边
text-align:inherit 表示文本继承父元素text-align属性值进行排列
text-align:justify表示文本排列水平对


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

px:px是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
em:em是指相对于父元素的大小, 例如 ·font-size
中设置一个<div>

字体为16px,那在此div 后代继承字体大小均为16px ,
如果设置其中某子元素 字体大小为0.5em,那此元素字体大小为8px,2em则为32px
rem:rem是指相对于html根元素的字体大小。

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


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

6rem

相关文章

  • 任务5-HTML2

    1.样式有几种引入方式? link 和 @import有什么区别? ①css的引入一般有3种,分别为:(1)外部资...

  • 任务5-html2

    样式有几种引入方式?link和@import有什么区别? 三种。1.内部样式。在html文档中加入 ,可以加载在...

  • 任务5-HTML2

    样式有几种引入方式? 外部样式 link(链接)和@import(导入) 内部样式(标签内部) p{color:r...

  • 任务5-HTML2

    1.样式有几种引入方式? link 和 @import 有什么区别? CSS有3种引入方式: 外部样式表在 标签里...

  • 任务5-html2

    问答题 样式有几种引入方式? link和 @import有什么区别? 浏览器缺省设置 外部样式表 内部样式表(在标...

  • 任务5-HTML2

    1.样式有几种引入方式? link和 @import有什么区别 三种方式: 外部样式表 内部样式表 内敛样式表 p...

  • 任务5-HTML2

    1.样式有几种引入方式?link和@import有什么区别 有5种写入样式方式:1.行内式,在html元素标签中使...

  • 任务5-HTML2

    **2016/05/07 问题 样式有几种引入方式? 样式的3种写法外部样式表 内部样式表(位于标签内部) bod...

  • 任务5-HTML2

    一、样式有几种引入方式? link和 @import有什么区别? 1.样式有三种引入方式,分别是 外部样式表 内部...

  • 任务5-HTML2

    问答 1.样式有几种引入方式? link和 @import有什么区别? link是引入外部样式表@import是引...

网友评论

    本文标题:任务5-HTML2

    本文链接:https://www.haomeiwen.com/subject/rlcoettx.html