博客

Bootstrap 3.3.7学习笔记3

强调一段文字有啥选择呢？

1. .lead

lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

可见.lead类的文字还是挺大的！body默认的大小才14px。

知识点：

@符号在css里面是啥？

答：@，named as “at-rule”, 是一种告知css在特殊情况下对某些格式进行变化的方式。它有很多具体实例：@charset，@import，@namespace，@document，@font-face，@keyframes，@media。。。。。等等。这里遇到的@media就是第一份笔记里面说的media queries，当时实在那个超级简单bootstrap HTML 文件head部分当中因为IE9一下的浏览器不支持@media，所以特别添加了一个js文件来使其支持。@media的语法是

@media mediatype and|not|only (media feature) {

CSS-Code;

}

mediatype 的值有（只是一部分）

这个

博文

里面有一些内容及推荐。

2. HTML 自带的<b> and <strong>标签就是加粗，在bootstrap中依旧。但为啥要刻意写出来呢？不写下面这句不是一样的么。。也许就是为了达到表述上清楚吧！

b,
strong {
  font-weight: bold;
}

3. HTML中的<em>，<i> and <dfn>标签就是用italic斜体去强调。