-
通过<em></em>标签和<i></i>标签可以让其中的文本斜体显示查看全部
-
通过<b></b>标签和<strong></strong>标签加粗字体查看全部
-
强调内容 <p class = "lead">...</p> .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; }查看全部
-
<small>副标题: 1.行高都是1,font-weight设置了normal变成了常规效果(不加粗),颜色为#999(灰色) 2.在h1~h3中,其字体大小是当前的65%; 在h4~h6中,其字体大小是当前的75%。查看全部
-
不管制作哪种表格都离不开类名“table”。所以大家在使用Bootstrap表格时,千万注意,你的<table>元素中一定不能缺少类名“table”。查看全部
-
Bootstrap标题样式进行了以下显著的优化重置: 1、重新设置了margin-top和margin-bottom的值, h1~h3重置后的值都是20px;h4~h6重置后的值都是10px。 2、所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都继承父元素的颜色和字体。 3、固定不同级别标题字体大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14px和h6=12px。 标题的具体运用非常简单,和我们平时运用是一样的,使用<h1>~<h6>标签,分别表示标题一至标题六,h 后面的数字越大,表示级别越小,文本也越小。来看一个简单的效果:右侧代码编辑器中的10-16行的代码。 在Bootstrap中为了让非标题元素和标题使用相同的样式,还特意定义了.h1~.h6六个类名。如右侧代码编辑器中 18-23行代码所示: 对比两个示例的效果图,可以说他们的效果是一模一样的。查看全部
-
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;//这里是禁止在移动端横向 纵向时会自动调整字体大小。查看全部
-
bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码: <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>查看全部
-
<meta name = "viewport" content = "width=device-width, initial-scale=1" >使网页与移动端设备屏幕等宽。 width=device-width : 让宽度等于适配器的宽度; initial-scale=1 : 缩放比例 1.CSS文件放在head中。 2.JS文件放在body的最下面,jQuery.js要放在bootstrap.js的前面。查看全部
-
<!-- 新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"> <!-- 可选的Bootstrap主题文件(一般不用引入) --> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css"> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>查看全部
-
<meta name="viewport" content="width=device-width,initial-scale=1">使网页与移动端设备屏幕等宽。查看全部
-
bootstrap 中的JS插件依赖于jQuery,因此jQuery要在Bootstrap之前引用。查看全部
-
Bootstrap简介:简单、灵活的用于搭建web页面的HTML、CSS、JavaScript的工具集查看全部
-
段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本): 1、全局文本字号为14px(font-size)。 2、行高为1.42857143(line-height),大约是20px(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也有这样的功能)。 3、颜色为深灰色(#333); 4、字体为"Helvetica Neue", Helvetica, Arial, sans-serif;(font-family),或许这样的字体对我们中文并不太合适,但在实际项目中,大家可以根据自己的需求进行重置,在此我们不做过多阐述,我们回到这里。该设置都定义在<body>元素上,由于这几个属性都是继承属性,所以Web页面中文本(包括段落p元素)如无重置都会具有这些样式效果。查看全部
-
Bootstrap框架在这一部分做了一定的变更,不再一味追求归零,而是更注重重置可能产生问题的样式(如,body,form的margin等),保留和坚持部分浏览器的基础样式,解决部分潜在的问题,提升一些细节的体验,具体说明如下: 移除body的margin声明 设置body的背景色为白色 为排版设置了基本的字体、字号和行高 设置全局链接颜色,且当链接处于悬浮“:hover”状态时才会显示下划线样式查看全部
举报
0/150
提交
取消