bootstrap学习笔记初探（1）

客官°小女子只卖身不卖艺 2022-08-06 03:29 203阅读 0赞

Bootstrap 需要为页面内容和栅格系统包裹一个 `.container` 容器。我们提供了两个作此用处的类。

注意，由于 `padding` 等属性的原因，这两种 容器类不能互相嵌套。

“行（row）”必须包含在 `.container` （固定宽度）或 `.container-fluid` （100% 宽度,流式布局）中，你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。

媒体查询语法：@media()\{……\}

实例：

@media (min-width:@screen-sm-min)and(max-width:@screen-sm-max){...}
    
    @screen-sm/md/lg-min;@screen-sm/md/lg-max;

`针对超小屏幕和中等屏幕设备所定义的类：.col-xs-* 和.col-md-*`

```列偏移：`使用 `.col-md-offset-*` 类可以将列向右侧偏移。这些类实际是通过使用`*` 选择器为当前元素增加了左侧的边距（margin）。

例如，`.col-md-offset-4` 类将`.col-md-4` 元素向右侧偏移了4个列（column）的宽度。``

`在标题内还可以包含` 标签或赋予 `.small` 类的元素，可以用来标记副标题。单独使用标签则为缩小字体。

全局属性：

font-size:14px,line-height:1.428;

这些属性直接赋予 `<body>` 元素和所有段落元素。另外，`` （段落）元素还被设置了等于 1/2 行高（即 10px）的底部外边距（margin）。

通过添加 `.lead` 类可以让段落突出显示。对于被删除的文本使用 `<del>(等同于<s>)` 标签。

额外插入的文本使用 `<ins>` 标签;为文本添加下划线，使用 `` 标签。

通过增加 font-weight 值强调一段文本.

注释：font-weight的值：normal(默认标准字符)、bold（粗体字符）、bolder（更粗的字符）、lighter（更细的字符）.数值：100~900（没有单位，400等同normal，700等同bold）、inherit（从父元素继承）

在 HTML5 中可以放心使用 `` 和 `` 标签。`` 用于高亮单词或短语，不带有任何着重的意味；而`` 标签主要用于发言、技术词汇等。

使字体倾斜以强调一段文本。

文本对齐类：text-left,text-center,text-right,text-justify(使文本齐行，设定文本对齐,段落中超出屏幕部分文字自动换行),text-nowrap\{段落中超出屏幕部分不换行\}.

通过类改变字体大小写：text-lowercase,text-uppercase,text-capitalize(单词首字母大写).

`<abbr>`缩略词，实例<abbr title="attribute"></abbr>

首字母缩略语：为缩略语添加 `.initialism` 类，可以让 font-size 变得稍微小些。

<address></address>地址标签

将任何 html 元素包裹在 `<blockquote>` 中即可表现为引用样式。对于直接引用，我们建议用 `` 标签（如需把页面作为 strict XHTML 进行验证，那么 <blockquote> 元素必须包含块级元素，比如).

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。 
````

还没有评论，来说两句吧...