美文网首页
排版样式

排版样式

作者: 瑾瑜穆伟 | 来源:发表于2017-04-26 23:11 被阅读0次

#文本对齐

text-left

text-right

text-center

#块标签对齐

pull-left

pull-right

center-block

#一行三个图片时。想要中间图片隐藏,使用col-md-offset-4偏移4列

#h1→h6 class,给inline属性的文本赋予标题的样式

#副标题

small标签

#页面主体

#排版样式

h标签有个page-header类,可以在标题文字下加分割线,将标题与文本内容分开

p标签如果想要里面的文本内容更突出,即适当加大文字,使用lead类

strong和b标签加粗文字,建议使用strong

em和i标签是文字变成斜体,建议使用em

#强调class(文字颜色的强调,带有样式滑动效果,即加入了js特效)

text-muted:柔和色

text-primary:浅蓝色

text-success:深绿色

text-info:深蓝色

text-warning:棕色

text-danger:红色

鼠标在字体上滑动时,字体颜色会有微微变化

#缩略语

abbr标签,<abbr title=“你好”>哈哈</abbr>

当鼠标放在哈哈上时,出现你好

#默认样式的引用

<blockquote>标签表示文章的标题引用与来自哪(用于文章的排版)

#无序列表

ul标签的list-unstyled类去掉前面的点,去掉了padding和margin

ul标签的list-group类加上li标签的list-group-item类,实现每一行的特效,鼠标滑动时。出现块状的滑动

#菜单的制作

ul标签使用list-inline类,取消块特性,使用浮动

#自定义列表

<dl>

<dt></dt>

<dd></dd>

</dl>

风格已变动,无需家类名

dl的dl-horizontal类名,使dt和dd内容在一行

相关文章

  • 排版样式

    #文本对齐 text-left text-right text-center #块标签对齐 pull-left p...

  • 运营工具

    「1」个丰富的样式库 「3」种直观的排版方式:插入排版、秒刷排版、一键排版; 「5」大便捷的功能:样式操作、换色与...

  • CSS格式化排版

    CSS格式化排版 (1)文字排版 文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式...

  • 玩转公众号、博客markdown排版,Md2All实战

    Md2All 简介 Markdown排版利器,支持 "一键排版" 的样式模板选择,支持"css样式自定义",支持8...

  • 让新媒体人欲罢不能的五大工具

    1.微信公众号排版 第三方排版工具①135编辑器:样式丰富,支持、收藏样式和颜色、图片素材编辑、图片水印、一键排版...

  • 排版

    I排版:弹幕,样式和符号部分不错,短网址,缩进。 135 :一键排版 自动排版 符号表情不错

  • HTML&CSS笔记(2)

    CSS格式化排版 文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性,如下: 不...

  • 【微信运营必备12手册】 新媒体微信最新运营干货

    1图文编辑器 ● ● ●【解说】:图文编辑器主要用于文章内容排版美化、样式设计、页面简洁、排版美观、图文多种样式设...

  • 布局排版模板样式

    平面设计排版、书面设计排版,和模板样式参考,太实用了~ ​​​​ 还不赶紧收了?

  • css格式化排版

    css格式化排版 一、文字排版 css可以设置网页中的字体、字号、颜色等样式属性 1、字体css样式中为网页设置字...

网友评论

      本文标题:排版样式

      本文链接:https://www.haomeiwen.com/subject/txowzttx.html