您的位置：首页 > Web前端 > CSS

全局CSS样式

2015-07-29 00:27 579 查看
摘自《极客学院》

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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航