美文网首页
CSS基本样式1

CSS基本样式1

作者: 梨啊梨 | 来源:发表于2017-11-09 10:41 被阅读0次

    标题   h1...h6   small标签

    还可以使用<small>标签,他比标题字体更小,颜色更淡


    页面主体    lead类

    中心段落只需要添加lead类,他增加了中心段落的下边距和字体尺寸,同时降低了字体的粗细和行高


    排版元素

    1. 强调内联元素

    <strong>:文本的字体会变粗

    <em>:字体变成斜体

    <mark>:用于突出显示文本,(他有一个背景颜色)

    <u>:文本有下划线

    <del>:文本中间有一条线

    2. 对齐类

    让文本在他的父类块元素对齐方式,添加类名

    3. 强调类 (添加类名)

    改变css文本颜色

    还可以设置元素背景颜色

    bg-primary、bg-success、bg-info、bg-warning、bg-danger

    4. 地址

    根据规范地址类的信息应该用<address>标签,而不是<p>标签

    5. 引用

    使用<blockquote>配合small标签,就能达到效果,如果需要向右对齐,添加blockquote-reverse类

    6. 缩略语

    效果:文本底部有浅灰色点线,而且带title属性,鼠标放上去,会显示缩略语,还可以加个initialism类,他可以把字体缩小为父类的90%,而且小写变成大写

    鼠标放上去,显示缩略语 改变字体大小,并且小写变大写

    7. 列表

    首先看基本的有序和无序列表

    效果图

    给列表添加list-unstyled类,则他们失去任何样式,如下

    8. 按钮

    添加了一些情景色,修改按钮的样式

    9. 图像

    相关文章

      网友评论

          本文标题:CSS基本样式1

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