bootstrap系列-2.css排版

奇点码农

已于 2022-08-18 08:30:11 修改

阅读量154

点赞数

分类专栏： bootStrap 文章标签： css bootstrap 前端

于 2022-08-17 20:02:30 首次发布

本文链接：https://blog.csdn.net/cdc8596/article/details/126392992

版权

bootStrap 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

**关键信息以备注形式讲解**
<!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>全局css</h1>
        <h2>全局css</h2>
        <h3>全局css</h3>
        <h4>全局css<small>small表示副标签</small></h4>
        <!--abbr:缩略文字-->
        <p>hellohellohellohello<abbr title="attribute">hello</abbr></p>
        <!--mark:标记标签-->
        <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">HHHEEE</p>
        <p class="text-uppercase">hhhhheee</p>
        <p class="text-capitalize">hhhhhhhh</p>

        <address>
            <strong>地址：</strong><br><!--br:换行符-->
            烟台市，开发区<br>
            AAA街道BB号
            <abbr title="Phone">P:1234 5678</abbr>
        </address>
        <!--以下为无样式列表-->
        <ul class="list-unstyled">
           <li></li>
        </ul>
    </div>
</body>
</html>