首页 > 电脑专区 > 电脑教程 >

Bootstrap框架排版三

来源:互联网 2023-02-21 18:07:56 452

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

Bootstrap框架排版三p8t办公区 - 实用经验教程分享!

工具/原料

  • 电脑,DW软件(Dreamweaver)

方法/步骤

  • 1

    对齐:通过文本对齐类,可以简单方便的将文字重新对齐p8t办公区 - 实用经验教程分享!

    Bootstrap框架排版三p8t办公区 - 实用经验教程分享!

  • 2

    改变大小写:通过这几个类可以改变文本的大小写。p8t办公区 - 实用经验教程分享!

    Bootstrap框架排版三p8t办公区 - 实用经验教程分享!

  • 3

    缩略语:当鼠标悬停在缩写和缩写词上时就会显示完整内容,Bootstrap 实现了对 HTML 的 abbr> 元素的增强样式。缩略语元素带有 title 属性,外观表现为带有较浅的虚线框,鼠标移至上面时会变成带有“问号”的指针。如想看完整的内容可把鼠标悬停在缩略语上(对使用辅助技术的用户也可见), 但需要包含 title 属性。(基本缩略语)p8t办公区 - 实用经验教程分享!

    Bootstrap框架排版三p8t办公区 - 实用经验教程分享!

  • 4

    首字母缩略语:为缩略语添加 .initialism 类,可以让 font-size 变得稍微小些。p8t办公区 - 实用经验教程分享!

    Bootstrap框架排版三p8t办公区 - 实用经验教程分享!

  • 5

    地址:让联系信息以最接近日常使用的格式呈现。在每行结尾添加 br> 可以保留需要的样式。p8t办公区 - 实用经验教程分享!

    Bootstrap框架排版三p8t办公区 - 实用经验教程分享!

  • 5本页面未经许可获取自百度经验
  • 6

    引用:在你的文档中引用其他来源的内容。p8t办公区 - 实用经验教程分享!

    默认样式的引用:将任何HTML元素包裹在 blockquote> 中即可表现为引用样式。对于直接引用,我们建议用 标签。p8t办公区 - 实用经验教程分享!

    Bootstrap框架排版三p8t办公区 - 实用经验教程分享!

  • 注意事项

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

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


    标签: 操作系统网页排版

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