9.10测试

• 什么是BootStrap框架

  Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的前端框架，之所以它能够帮我们快速构建一个前端应用是因为它实现了很多默认的网页样式效果，我们只需要引用它实现的效果即可获得一个漂亮的网页。

• Html、Css和BootStrap框架的关系是什么

  css对我们的html标签进行样式修饰。

  bootstrap就是实现了很多默认css样式的一个框架。

• 下列代码布局合理吗？不合理的话，应该怎么改进

  <div>
      名字：<input type="text" name="username">
      <br>
      昵称：<input type="text" name="nickname">
  </div>
  

  不合理 加了br两个input贴在一起了 应删除

• 绝对路径和相对路径的差别是什么

  1.绝对路径

  ​ 绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句：

  2.相对路径

  ​ 为了避免这种隋况发生，通常在网页里指定文件时，都会选择使用相对路径。所谓相对路径，就是相对于自己的目标文件位置。例如上面的例子，“s1.htm” 文件里引用了“bg.jpg”图片，由于“bg.jpg”图片相对于“s1.htm”来说，是在同一个目录的，那么要在“s1.htm”文件里使用以下代 码后，只要这两个文件的相对位置没有变(也就是说还是在同一个目录内)，那么无论上传到Web服务器的哪个位置，在浏览器里都能正确地显示图片。

  ​

  再 举一个例子，假设“s1.htm”文件所在目录为“E:\book\网页布局\代码\第2章”，而“bg.jpg”图片所在目录为“E:\book\网页 布局\代码\第2章\img”，那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在目录的“img”子目录里，则引用图片的语句应该 为：

  ​

• col-md-6、col-xs-6这两个类分别表示什么含义

  col-md-6

  设置当前元素宽度为6个单元格。

  col-xs-6

  占超小屏幕6列

• col-md-push-6、col-md-offset-6、、col-md-pull-6这三个类分别表示什么含义

  col-md-push-6

  将元素往右推进6个单元格。

  col-md-pull-6

  将元素往左推进6个单元格。

  col-md-offset-6

  使当前元素左边产生6个单元格的margin填充。

• 写出至少四个BootStrap的特殊文本效果标签并说明其对应效果

  <p class="text-left">向左对齐文本</p>
  
  <p class="text-right">向右对齐文本</p>
  
  <p class="text-muted">本行内容是减弱的</p>
  
  <p class="text-center">这段文本会居中显示</p>
  

• 写出至少三个BootStrap带颜色文本类

  <p class="text-success">primary颜色文本</p>
  
  <p class="text-primary">primary颜色文本</p>
  
  <p class="text-danger">本行内容带有一个 danger class</p>
  

• 请说明绝对路径和相对路径的差别

  1.绝对路径

  ​ 绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句：

  2.相对路径

  ​ 为了避免这种隋况发生，通常在网页里指定文件时，都会选择使用相对路径。所谓相对路径，就是相对于自己的目标文件位置。例如上面的例子，“s1.htm” 文件里引用了“bg.jpg”图片，由于“bg.jpg”图片相对于“s1.htm”来说，是在同一个目录的，那么要在“s1.htm”文件里使用以下代 码后，只要这两个文件的相对位置没有变(也就是说还是在同一个目录内)，那么无论上传到Web服务器的哪个位置，在浏览器里都能正确地显示图片。

  ​

  再 举一个例子，假设“s1.htm”文件所在目录为“E:\book\网页布局\代码\第2章”，而“bg.jpg”图片所在目录为“E:\book\网页 布局\代码\第2章\img”，那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在目录的“img”子目录里，则引用图片的语句应该 为：

  ​