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
