-
transition.js文件为Bootstrap具有过渡动画效果的组件提供了动画过渡效果。不过需要注意的是,这些过渡动画都是采用CSS3来实现的,所以IE6-8浏览器是不具备这些过渡动画效果。查看全部
-
一次性导入: Bootstrap提供了一个单一的文件,这个文件包含了Bootstrap的所有JavaScript插件,即bootstrap.js(压缩版本:bootstrap.min.js)。查看全部
-
引用说明查看全部
-
•.text-muted:提示,使用浅灰色(#999) •.text-primary:主要,使用蓝色(#428bca) •.text-success:成功,使用浅绿色(#3c763d) •.text-info:通知信息,使用浅蓝色(#31708f) •.text-warning:警告,使用黄色(#8a6d3b) •.text-danger:危险,使用褐色(##a94442)查看全部
-
<em>和<i>斜体查看全部
-
在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗查看全部
-
UNIT: <div class="panel panel-danger"> <div class="panel-heading">图解CSS3</div> <div class="panel-body"> 详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性 </div> </div>查看全部
-
标题:h1-h6用法和原始的相同,bootstrap还包含.h1-.h6的class定义,如下两种用法等效: <h1>我的第一个bootstrap标题</h1> <div class="h1">我的第一个bootstrap标题</div>查看全部
-
副标题<small>标签 示例: <!--任务填写处--> <h1>孤儿院无私奉献30年<small>一曲人性的赞歌</small></h1>查看全部
-
1、全局文本字号为14px(font-size)。 2、line-height大约是20px 3、color(#333); 4、margin: 0 0 10px; 上0 、左右0、 下10查看全部
-
1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。 2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%; 详细代码请参阅bootstrap.css文件中第407行~第443行。查看全部
-
1.<meta http-equiv="X-UA-Compatible" content="IE=edge">在IE运行最新的渲染模式 2.<meta name="viewport" content="width=device-width, initial-scale=1">初始化移动浏览显示 viewport虚拟视口,可以平移和缩放,width=device-width视口的宽度等于设备的宽度,initial-scale=1缩放比例查看全部
-
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。查看全部
-
首先通过@keyframes创建了一个progress-bar-stripes的动画,这个动画主要做了一件事,就是改变背景图像的位置,也就是background-position的值。 调用动画对应的样式代码如下: /*bootstrap.css文件第4544行~第4547行*/ .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }查看全部
-
知识点: 嵌套 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);(inset用法)查看全部
举报
0/150
提交
取消