freecodecamp学习笔记-1

Posted 2020-08-08

1、<hr>标签

　　<hr> 标签水平线，它应该定义内容中的主题变化。

2、bootstrap  jumbotron属性

　　超大屏幕（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。使用超大屏幕（Jumbotron）的步骤如下：

• 创建一个带有 class .jumbotron. 的容器 <div>。
• 除了更大的 <h1>，字体粗细 font-weight 被减为 200px。
  
  

3、bootstrap container 属性

　　container:用.container包裹页面上的内容即可实现居中对齐。在不同的媒体查询或值范围内都为container设置了max-width，用以匹配栅格系统。

4、bootstrap thumbnail 属性

　　Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下：

• 在图像周围添加带有 class .thumbnail 的 <a> 标签。
• 这会添加四个像素的内边距（padding）和一个灰色的边框。
• 当鼠标悬停在图像上时，会动画显示出图像的轮廓。

5、bootstrap .col 属性

　　.col-xs- 超小屏幕 手机 (<768px)
　　.col-sm- 小屏幕 平板 (≥768px)
　　.col-md- 中等屏幕 桌面显示器 (≥992px)
　　.col-lg- 大屏幕 大桌面显示器 (≥1200px)