CSS基本样式1

标题   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. 图像


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,642评论 1 41
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,172评论 1 4
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,567评论 0 5
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,685评论 32 459