**关键信息以备注形式讲解**
DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>css排版title>
<meta charset="utf-8" />
<link rel="stylesheet" href="bootstrap.css" />
head>
<body>
<div class="container">
<h1>全局cssh1>
<h2>全局cssh2>
<h3>全局cssh3>
<h4>全局css<small>small表示副标签small>h4>
<p>hellohellohellohello<abbr title="attribute">helloabbr>p>
<p>Hell World:欢迎来到<mark>标签mark>p>
<del>del>
<p class="text-left">左对齐p>
<p class="text-right">右对齐p>
<p class="text-center">中间对齐p>
<p class="text-lowercase">HHHEEEp>
<p class="text-uppercase">hhhhheeep>
<p class="text-capitalize">hhhhhhhhp>
<address>
<strong>地址：strong><br>
烟台市，开发区<br>
AAA街道BB号
<abbr title="Phone">P:1234 5678abbr>
address>
<ul class="list-unstyled">
<li>li>
ul>
div>
body>
html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
