bootStrap-2

jodie-blog 2021-08-30 原文

全局样式:

 

  1.移除Body的margin声明;

  2.设置Body的背景色为白色;

  3.为排版设置了基本的字体,字号和行高;

  4.设置全局连接颜色,且当连接处于悬浮:hover状态时,才会显示下划线样式;

 

标题(一)

 

元素     字体大小 计算比例 其他
h1 36px 14px*2.60

magin-top:20px

margin-bottom:10px

h2 30px 14px*2.15 同上
h3 24px 14px*1.70 同上
h4 18px 14px*1.25

magin-top:10px;

margin-bottom:10px

h5 14px

14px*1

同上
h6 12px 14px*0.85 同上

  1.重新设置了margin-top和margin-bottom的值,h1-h3重置后的值都是20px;h4-h6重置后的值都是10px;

  2.所有标题的行高都是1.1,而且文本颜色和字体都是继承父类的颜色和字体;

  3.固定不同级别标题字体大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14px,h6=12px;

  

标题(二)  副标题

  用<small>标签来制作副标题,副标题也有自己的样式:

  1.行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色;

  2.由于<small>内的文本字体在h1-h3内,其大小都设置为当前字号的65%,而在h4-h6内的字号都设置为当前字号的75%;详细代码见bootstrap.css中407行-443行。

posted on
2015-12-06 17:45 
Jodie*Blog 
阅读(126
评论(0
编辑 
收藏 
举报

 

版权声明:本文为jodie-blog原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/jodie-blog/p/5023964.html

bootStrap-2的更多相关文章

随机推荐

  1. Java版五子棋小游戏(java控制台)

                           Java版五子棋小游戏(java控制台) 前言: 该项目 为 J […]...

  2. HotSpot学习(二):虚拟机的启动过程源码解析

    1. 前言 上文介绍了HotSpot编译和调试的方法,而这篇文章将迈出正式调试的第一步——调试HotSpot的 […]...

  3. 图片分辨率提升工具

    将图片的分辨率提高,并且保持画质,业界叫做super revolution,去年有一个新算法WDSR赢得了20 […]...

  4. TOMCAT 下载与安装

    一.安装tomcat 官网选择安装包 ->TOMCAT官网 选择合适的镜像 在需要的包上右键复制链接 L […]...

  5. (12/24) css进阶:sass文件的打包和分离

    1.安装sass打包的loader 这里需要 在项目目录下用npm安装两个包。node-sass和sass-l […]...

  6. nginx 的基础知识(三)

    Nginx命令 nginx -s reopen 重启nginx nginx -s reload  重新加载ng […]...

  7. 如何快速融入团队并成为团队核心(二)?

    title: 如何快速融入团队并成为团队核心(二)? 一 引言 事实上我们总是会认为那些所谓外向的人更容易融入 […]...

  8. 【译】Ringbahn的两个内存Bug

    原文链接:https://without.boats/blog/two-memory-bugs-from-ri […]...