#上课记录#Day6

Day6

• 什么是BootStrap框架

  • 基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架

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

  • css可以改变html标签的效果 而BootStrap框架是css/html框架 封装好了许多样式 可以直接调用

• 下列代码布局合理吗？不合理的话，应该怎么改进 不合理 名字跟昵称应该各分为一块

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

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

  • 相对路径便于移动内容，可以整个目录移动并且不会影响到软件的的运行。

  • 而绝对路径不便于移动内容，可能导致程序无法运行。

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

  • col-md-6在中型设备中占据总宽度一半的位置，col-xs-6在超小型设备中占据总宽度一半的位置

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

  • col-md-push-6 在中型设备中推过去总宽度一半的位置

  • col-md-offset-6 在中型设备中偏移过去总宽度一半的位置

  • col-md-pull-6 在中型设备中拉过来总宽度一半的位置

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

  ​ 高亮—mark标签

  ​ 删除——del标签

  ​ 划线——ins标签

  ​ 给标签加上引用效果的标签——blockquote

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

  ​ 深蓝颜色文本——text-primary类

  ​ 绿色颜色文本——text-success类

  ​ 黄色颜色文本——text-warning类