1、媒体查询; 2、booststrap 的模板引用; 3、bootstrap的按钮 4、表单的使用; 5、轮播图的使用; 6、栅格系统 7、 8、 9、栅格系统列偏移 10 栅格系统 列浮动 11 栅格系统响应式 <form > <div class="form-group"> <label fo ...
分类:
其他好文 时间:
2017-04-04 22:59:31
阅读次数:
264
@media screen and (min-width:1000px){ div{ color: black; } } @media screen and (max-width:1000px) and (min-width:768px) { div { color:red; } } @media ...
分类:
其他好文 时间:
2017-03-30 10:21:40
阅读次数:
131
针对 IE8 仍然需要额外引入 Respond.js 文件以支持媒体查询(media query)。 1、http协议下效果(如:http://192.168.12.40:8020/bootstrap/index.html): 2、file文件协议IE8下效果(如:C:\Users\dell\Doc ...
分类:
其他好文 时间:
2017-03-21 17:37:47
阅读次数:
194
1、实现原理 网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。 <div class="row"> <div c ...
分类:
其他好文 时间:
2017-03-19 02:18:09
阅读次数:
212
1, 媒体查询表达式之间还可以用逗号,@media (max-width:800px), print 它表示或的意思 @media (max-width: 800px) OR print; 2, not 是对整个表达式的否定 @media not all and (min-width: 765px) ...
分类:
Web程序 时间:
2017-03-19 00:01:20
阅读次数:
702
前言 em 和 rem 都是灵活可扩展的单位,由浏览器转换为像素值,取决于设计中的字体大小,如果使用值 1em 或 1rem ,它可以被浏览器转换为从 16px 到 160px 或其他任意值。浏览器使用 1px ,那么 1px 始终显示为完全 1px。 em 和 rem 的相同点 使用 em 和 r ...
分类:
Web程序 时间:
2017-03-18 19:12:16
阅读次数:
161
块级元素 display: block 特点: 默认宽度为父元素宽度 可以设置宽高 换行显示(前后都换行) CSS3新特性:圆角、阴影(box-shadow)、渐变、媒体查询、动画(@keyframes、animation、animation-duration等动画相关的所有属性) 、背景(back ...
分类:
Web程序 时间:
2017-03-14 13:30:10
阅读次数:
230
下面是一些截图,有关查询效率,css样式,媒体查询,垂直居中,js基本类型。 ...
分类:
Web程序 时间:
2017-03-13 14:48:01
阅读次数:
266
盒模型 border-box content-box border-sizing:有两个值 border-box(容器的实际大小是用户设置的) border-sizing:有两个值 border-box(容器的实际大小是用户设置的) content-box(容器实际的大小就是设置的 width,he ...
分类:
其他好文 时间:
2017-03-06 22:22:52
阅读次数:
153
1.head部分添加icon图片 <link rel="Shortcut Icon" href="imgs/myicon.ico"> 2.不同设备尺寸的媒体查询 @media(max-width:767px){ } @media(min-width:768px)and(max-width:991px ...
分类:
移动开发 时间:
2017-03-02 21:24:30
阅读次数:
184