bootstrap入门第二课 全局css样式排版
<img src="http://img.blog.csdn.net/20150227150625477" style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);" alt="" />
<!DOCTYPE <span style="font-family: Arial, Helvetica, sans-serif;">html></span>
<html> <head l<span style="font-family: Arial, Helvetica, sans-serif;">ang="en"></span>
<meta c<span style="font-family: Arial, Helvetica, sans-serif;">ha</span><span style="font-family: Arial, Helvetica, sans-serif;">rset="UTF-8"></span>
<title></titl<span style="font-family: Arial, Helvetica, sans-serif;">e</span><span style="font-family: Arial, Helvetica, sans-serif;">></span>
<link href<span style="font-family: Arial, Helvetica, sans-serif;">="bootstr</span><span style="font-family: Arial, Helvetica, sans-serif;">ap.min.css" rel="stylesheet"></span>
</head>
<body>
<div class="container">
<h1>章鱼哥哥</h1>
<h2>章鱼哥哥</h2>
<h3>章鱼哥哥</h3>
<h4><small>章鱼哥哥欢迎你的<abbr title="attribute">到来</abbr></small></h4>
<p>hello</p>
<p class="lead">hello</p>
<p>hello world 欢迎来到<mark>小小章鱼哥</mark></p>
<del>你好</del>
<s>你好</s>
<ins>你好</ins>
<u>你好</u>
<p class="text-left ">你好吗</p>
<p class="text-center ">你好吗</p>
<p class="text-right">你好吗</p>
<p class="text-lowercase ">kneuiefheiquhfiDDDD</p>
<p class="text-uppercase">kneuiefheiquhfiDDDD</p>
<p class="text-capitalize">kneuiefheiquhfiDDDD</p>
<address>
<strong>章鱼哥哥</strong><br/>
威海市 环翠区 哈工大路<br/>
四公寓：608
<abbr tittle="Phone">P:1234 5677</abbr>
</address>
<ul class="list-unstyled">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>
<link href="bootstrap.min.css" rel="stylesheet"> 依然是引入bootstrap的外部样式表
<pre name="code" class="html"> <span style="white-space:pre"> </span><h1>章鱼哥哥</h1>
<h2>章鱼哥哥</h2>
<h3>章鱼哥哥</h3> 三种标题大小不一
<pre name="code" class="html"><h4><small>章鱼哥哥欢迎你的<abbr title="attribute">到来</abbr></small></h4> small可以当作副标题 <abbr>定义习惯用语
<pre name="code" class="html"><span style="white-space:pre"> </span><p>hello</p>
<p class="lead">hello</p> 设置class为lead有加粗效果
<pre name="code" class="html"><span style="white-space:pre"> </span><p>hello world 欢迎来到<mark>小小章鱼哥</mark></p> mark有文字的背景颜色
<del>你好</del> 删除效果
<s>你好</s> 删除效果
<ins>你好</ins> 插入效果
<u>你好</u> 插入效果
<pre name="code" class="html"><span style="white-space:pre"> </span><p class="text-left ">你好吗</p>
<p class="text-center ">你好吗</p>
<p class="text-right">你好吗</p> 排版方式：居左，居中，居右
<span style="white-space:pre"> </span><address>
<strong>章鱼哥哥</strong><br/>
威海市 环翠区 哈工大路<br/>
四公寓：608
<abbr tittle="Phone">P:1234 5677</abbr>
</address> strong有加粗效果
<pre name="code" class="html"><span style="white-space:pre"> </span><ul class="list-unstyled">
<li>1</li>
<li>2</li>
<li>3</li>
</ul> 设置class为list-unstyled，设置无特效表格，就是每一项前面没有符号标志了