摘自《极客学院》
1、效果图:
2、html代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<link rel="stylesheet" href="bootstrap.min.css">
<title>全局CSS样式</title>
</head>
<body>
<div class="container">
<h1>全局CSS样式</h1>
<h2>全局CSS样式</h2>
<h3>全局CSS样式</h3>
<h4>全局CSS样式<small>德玛西亚之力</small></h4>
<p class="lead">hellohellohellohellohellohellohellohellohello</p>
<p>Hello World<mark>欢迎到来</mark></p>
<!--<del></del>-->
<p class="text-left">在左边</p>
<p class="text-center">在中间</p>
<p class="text-right">在右边</p>
<p class="text-lowercase">HFAFERGWRE</p>
<p class="text-uppercase">fadgrdadfas</p>
<p class="text-capitalize">fadgfer</p>
<address>
<strong>东方不败</strong>
广州市番禺区
创业大厦 401-408
<abbr title="phone">p:1234 5678</abbr>
</address>
<ul class="list-unstyled">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>