有关bootstrap之排版】的更多相关文章

bootstrap之排版类…
第 2 章 排版样式 在 h1 ~ h6 元素之间,还可以嵌入一个 small 元素作为副标题 <h1>Bootstrap 框架 <small>Bootstrap 小标题</small></h1> 通过 Firebug 查看,我们发现 h1 ~ h3 下 small 元素的大小只占父元素的 65%,那么 通过计算(查看 Firebug 计算后的样式) h1 ~h3 下的 small 为 23.4px.19.5px.15.6px: h4 ~ h6 下 smal…
1.排版前的基础 (1)移动设备优先 <meta name="viewport" content="width=device-width, initial-scale=1"> (2)响应式图片 CSS:img-responsive demo.html: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>排版样式</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> </head&g…
1.页面主体,Bootstrap 将全局 font-size 设置为 14px,line-height 行高设置为 1.428(即20px):<p>段落元素被设置等于 1/2 行高(即 10px):颜色被设置为#333. <p>Bootstrap 框架</p> <!-- 创建包含段落突出的文本 --> <p class="lead">Bootstrap 框架</p> <!-- 添加标记,<mark>…
1.标题 HTML中的所有标题标签,从<h1> 到 <h6> 均可用.另外,还提供了.h1 到.h6 class,为的是给inline属性的文本赋予标题的样式. 在标题内还可以包含<small>标签或.small元素,可以用来标记副标题. 2.页面主体 Bootstrap将全局font-size设置为14px,line-height为1.428.这些属性直接赋给<body>和所有段落元素.另外,<p>(段落)还被设置了等于1/2行高的底部外边距(…
1.标题 <h1>~<h6>,所有标题的行高都是1.1(也就是font-size的1.1倍). 2.副标题 <small>,行高都是1,灰色(#999) <h1>主标题 <small>副标题</small> </h1> 3.Body样式 body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;…
smart-form 单行元素: 一般用div包含,class="row" 列元素:用section包含,class="col col-x"(section带有margin-bottom,若想去除,可以使用div) 按钮和元素一般用label,class="类型",里面包含元素标签和span,span内为显示内容. smart-form中用row和col,别的地方不用,row作用只是margin:-14px 0 smart-form中,secti…
1.标题 <h1>~<h6>,所有标题的行高都是1.1(也就是font-size的1.1倍). 2.副标题 <small>,行高都是1,灰色(#999) <h1>主标题 <small>副标题</small> </h1> 3.Body样式 body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;…
1.Bootstrap和普通的HTML页面一样,定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式 2.使用了<small>标签来制作副标题,由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%:而在h4~h6内的字号都设置为当前字号的75%: 3.如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的 处理. 4.<b…