0
点赞
收藏
分享

微信扫一扫

Bootstrap【第二章】—全局CSS之排版、代码、表格

孟祥忠诗歌 2022-04-30 阅读 82
html前端

1. 排版 

1.1. 页面主体 

<div class="container">
	<p>卓越人生</p>
	<p class="lead">从现在开始</p>
	<p>走向人生巅峰</p>
</div>

1.2. 标题 

1.3. 内联文本元素 

        1.3.1. 标记:class=”mark” 

        1.3.2. 线条 

   1.3.3. 强调文本  

1.4. 对齐 

1.5. 改变大小写 3

1.6. 缩略语:当鼠标悬停在缩写和缩写词上就会显示完整内容 

1.7. 地址:<address> 

示例代码:<address>家庭地址:浪琴湾</address>
		  <address>公司地址:梅溪湖></address>

1.8. 引用:类似名言名句的格式 

1、默认样式的引用:<blockquote>   <footer>
示例:<blockquote>阳光总在风雨后<footer>丹</footer></blockquote>
默认样式为左对齐
2、右对齐样式引用:<blockquote class=”blockquote-reverse”>
示例代码:<blockquote class="blockquote-reverse">阳光总在风雨后<footer><cite>丹</cite></footer></blockquote>
靠右对齐

1.9. 列表 

<ul class="list-unstyled">
	<li>花间一壶酒</li>
	<li>独酌无相亲</li>
	<li>举杯邀明月,对影成三人</li>
</ul>

 

2. 代码 

3. 表格 

举报

相关推荐

0 条评论