BootStap学习笔记(2)
学习该内容之前可能会用到的内容:
css属性Font-Weight:如果数字为700就是加粗的.或者更粗的为bolder,更细的是lighter.
html Cite标签定义文档的引用,默认字体以斜体表示 如果有title属性,当鼠标放上去的时候还会显示title里定义的内容;
html q标签通常和cite属性一起使用,cite来定义文档引用位置,注意q标签中文本内容会自动加上双引号;
html blockquote cite属性规定引用的来源,内部文本默认会在左右两边进行缩进(增加外边距)
html中abbr指示简称或者缩写,通常指定title这样移动鼠标到上边的时候就会显示完整titile信息;
html中的address标签通常内部内容为斜体显示,且该标签后会增加换行显示;
html中的dl,dt,dd,三者实现嵌套关系,dl用来创建一个列表,dt包括一级菜单,dd实现二级菜单.
bootstrap排版
标题
默认会对h1到h6增加新的显示样式,并且对其内部的<small>标签也会增加新的显示样式;
可以对文本增加class .lead可对字增加更大更粗的字体;
强调
增加了强调文本的类
text-algin:左对齐
text-center:居中对齐
text-right:右对齐
text-sucess:字体显示为绿色并且是斜体
text-warning:
text-danger:
text-primary:
text-info:
text-muted:文本是弱的.
缩写
可以定义abbr实现底部双虚线,可以结合.initalist实现更小的字体;
地址
通过对html标签的address格式化可实现更好看的地址效果.
引用
结合blockquoto结合使用实现不同效果
列表
结合.dl-horizonal实现一组的列表的水平显示,结合dl,dt,dd显示;结合.list-inline实现列表的水平显示,结合li使用
Bootstrap代码
code主要实现显示一行代码,即内联显示
pre显示多行代码并且块显示.
注意如果有左右尖括号一定要使用<,>;
作者:tuohaibei
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利.
如果您觉得文章对您有帮助,可以点击文章右下角"推荐".您的鼓励是作者坚持原创和持续写作的最大动力!
标签:
Bootstrap
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?