`
one_way
  • 浏览: 15965 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

bootstrap学习笔记3

阅读更多
bootstrap提供了许多页面内容排版的修饰类,例如给inline属性文本赋予标题的样式,在标题里还有使用<small>标签或.small类来添加副标题,将全局font-size设置14px,line-height为1.428。这些属性直接赋给<body>和所有段落元素。bootstrap提供了各种各样强调样式,例如通过增加font-weight强调一段文本,使用<strong>标签,用斜体强调一段文本,使用<em>标签,通过文本对齐类,可以简单方便的将文字重新对齐。类别有.text-left,.text-center,.text-right,还可以通过颜色来表示强调。也可以应用于链接,当鼠标盘旋于链接上时,其颜色会变深。类别有.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger。除了上面提到的一些,还有许多的标签效果,当鼠标悬停在缩写和缩写词上时就会显示完整内容,bootstrap实现了对HTML的<abbr>元素的增强样式。缩略语元素带有title属性,外观表现为带有较浅的虚线框,鼠标移至上面时会变成带有“问号”的指针。
分享到:
评论

相关推荐

    bootstrap学习笔记

    在“Bootstrap学习笔记”中,作者强调了为什么应该使用Bootstrap,并介绍了其包内容和如何通过在线实例快速上手。学习笔记中还包含了关于Bootstrap环境的安装指南,包括如何下载Bootstrap和理解其文件结构。作者建议...

    bootstrap学习笔记-html5

    这个“bootstrap学习笔记-html5”压缩包文件显然包含了有关如何使用Bootstrap和HTML5进行网页设计的资料,非常适合初学者入门。接下来,我们将深入探讨这两个重要主题。 HTML5(超文本标记语言第五版)是网页开发的...

    HTML,CSS,bootStrap学习笔记.zip

    资源简介《HTML,CSS,Bootstrap学习笔记》是一个综合性的学习资源包,旨在帮助初学者和进阶开发者全面掌握前端开发的基础知识和技能。本资源包涵盖了HTML、CSS和Bootstrap这三个前端开发的核心领域,通过详细的笔记...

    李炎恢Bootstrap讲义笔记

    这个“李炎恢Bootstrap讲义笔记”很可能包含了李炎恢老师关于Bootstrap的深入讲解和实践指导,帮助学习者掌握这一强大的工具。 Bootstrap的核心特性包括一套丰富的预定义的CSS样式、JavaScript组件和字体图标,这些...

    前端Bootstrap+Es6+vue学习笔记

    前端Bootstrap+Es6+vue学习笔记 Bootstrap 框架是一种基于 HTML/CSS/JS 的开源框架,由 Twitter 公司的两名技术工程师研发。其主要特点包括: 1. 跨设备跨浏览器:Bootstrap 支持多种设备和浏览器,可以在不同的...

    Bootstrap的用法学习笔记

    在"Bootstrap的用法学习笔记"中,我们将深入探讨如何有效地利用这个框架。 一、Bootstrap的基本结构 Bootstrap的核心构建块包括网格系统、排版、导航、表单、按钮、图像和其他UI元素。首先,引入Bootstrap库到HTML...

    bootstrap4学习笔记(一)

    bootstrap4学习笔记,中文的,适用于初学者学习,知识点配合案例的。

    Bootstrap学习笔记之Nestable可拖拽树结构

    Bootstrap学习笔记之Nestable可拖拽树结构 Bootstrap是一个流行的前端开发框架,它提供了丰富的组件和工具,帮助开发者快速构建响应式、移动优先的网页。在本篇学习笔记中,我们将聚焦于Nestable,这是一个基于...

    李炎恢Bootstrap讲义笔记解压.zip

    通过以上分析可以看出,“李炎恢Bootstrap讲义笔记解压.zip”这一文件应该是一份针对Bootstrap框架的学习资料。对于初学者而言,这份资料可能会从基础知识入手,逐步介绍如何使用Bootstrap构建响应式网站,并可能会...

    Bootstrap学习笔记

    这个是我的前端学习笔记Bootstrap

    bootstrap 教程,带笔记

    3. 环境搭建:介绍如何下载Bootstrap,文件结构布局是怎样的,以及如何设置你的开发环境。 4. Bootstrap基础结构:解释Bootstrap的基本结构,这通常涉及到初始化项目的基本步骤。 5. Bootstrap CSS:详细讲解...

    bootstrap课堂笔记代码

    这个“bootstrap课堂笔记代码”压缩包显然包含了有关如何使用Bootstrap学习响应式网页设计的资料,非常适合初学者。 响应式布局是现代网页设计的核心概念,它允许网站在不同设备(如桌面、平板电脑和手机)上自动...

Global site tag (gtag.js) - Google Analytics