首页 > 电脑专区 > windows >

Bootstrap框架排版四

来源:互联网 2023-02-20 17:07:38 522

排版中包含标题、页面主体、内联文本元素、对齐、改变大小写、缩略语、地址、引用、列表。6V0办公区 - 实用经验教程分享!

Bootstrap框架排版四6V0办公区 - 实用经验教程分享!

工具/原料

  • 电脑,DW软件(Dreamweaver)

方法/步骤

  • 1

    多种引用样式:对于标准样式的 blockquote>,可以通过几个简单的变体就能改变风格和内容。6V0办公区 - 实用经验教程分享!

    命名来源:添加 footer> 用于标明引用来源。来源的名称可以包裹进 cite>标签中。6V0办公区 - 实用经验教程分享!

    Bootstrap框架排版四6V0办公区 - 实用经验教程分享!

  • 2

    多种引用样式:另一种展示风格,通过赋予 .blockquote-reverse 类可以让引用呈现内容右对齐的效果。6V0办公区 - 实用经验教程分享!

    Bootstrap框架排版四6V0办公区 - 实用经验教程分享!

  • 3

    列表:无序列表,排列顺序无关紧要的一列元素。6V0办公区 - 实用经验教程分享!

    Bootstrap框架排版四6V0办公区 - 实用经验教程分享!

  • 3该信息未经许可获取自百度经验
  • 4

    列表:有序列表,顺序至关重要的一组元素。6V0办公区 - 实用经验教程分享!

    Bootstrap框架排版四6V0办公区 - 实用经验教程分享!

  • 5

    无样式列表:移除了默认的 list-style 样式和左侧外边距的一组元素(只针对直接子元素)。这是针对直接子元素的,也就是说,你需要对所有嵌套的列表都添加这个类才能具有同样的样式。6V0办公区 - 实用经验教程分享!

    Bootstrap框架排版四6V0办公区 - 实用经验教程分享!

  • 6

    内联列表:通过设置 display: inline-block; 并添加少量的内补(padding),将所有元素放置于同一行。6V0办公区 - 实用经验教程分享!

    Bootstrap框架排版四6V0办公区 - 实用经验教程分享!

  • 注意事项

    • F12可打开查看器查看源代码

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!6V0办公区 - 实用经验教程分享!


    标签: 操作系统网页排版

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码