摘要: 栅格系统的原理非常简单,仅仅是通过定义容器大小,平分12份,在调整内外边距,最后再结合媒体查询,就制作出了强大的响应式的栅格系统。 基本用法 1.列组合 <div class="container"> <div class="row"> <div class="col-md-1">col-md-1< 阅读全文
posted @ 2016-02-19 10:29 前端_茂 阅读(3185) 评论(0) 推荐(0) 编辑
摘要: 1.CSS属性选择器 [arrt=value] 该属性有指定的确切值 [arrt~=value] 该属性值必须是多个空格隔开的值,比如,class=“title featured home”,而且这些值中的一个必须是指定的值“value” [arrt|=value] 属性的值就是“value”或者以 阅读全文
posted @ 2016-02-18 17:44 前端_茂 阅读(3626) 评论(0) 推荐(0) 编辑
摘要: CSS3加载动画loading代码如下.spinner{ margin:100px auto; width:60px; height:60px; text-align:center; font-size:10px; ... 阅读全文
posted @ 2015-12-10 21:44 前端_茂 阅读(193) 评论(0) 推荐(0) 编辑
摘要: http://www.colorzilla.com/gradient-editor/ 阅读全文
posted @ 2015-11-27 10:13 前端_茂 阅读(89) 评论(0) 推荐(0) 编辑
摘要: map是一组键值对的结构,具有极快的查找速度。例如:查找学生的成绩,普通Arry数组操作会创建两个普通的Arryvar name = {'aaaa','bbbb','cccc'};var scores = { 96,97,98 }给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再... 阅读全文
posted @ 2015-11-03 18:14 前端_茂 阅读(574) 评论(1) 推荐(0) 编辑
摘要: JavaScript的循环有两种,一种是for循环,通过初始条件、结束条件和递增条件来循环执行语句块:1 var x = 0;2 var i;3 for (i=1; i<=10000; i++) {4 x = x + i;5 }6 x; // 50005000让我们来分析一下for循环的控制... 阅读全文
posted @ 2015-11-02 19:23 前端_茂 阅读(496) 评论(0) 推荐(0) 编辑
摘要: JavaScript使用if () { ... } else { ... }来进行条件判断。1 var age = 20;2 if (age >= 18) { // 如果age >= 18为true,则执行if语句块3 alert('adult');4 } else { // 否则执行els... 阅读全文
posted @ 2015-11-02 16:44 前端_茂 阅读(170) 评论(0) 推荐(0) 编辑
摘要: JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。JavaScript用一个{...}表示一个对象,键值对以xxx: xxx形式申明,用,隔开。如:var xiaoming={name:'小明',birth:1990,school:'No.1 Middle School', h... 阅读全文
posted @ 2015-11-02 14:58 前端_茂 阅读(203) 评论(0) 推荐(0) 编辑
摘要: indexOf与String类似,Array也可以通过indexOf()来搜索一个指定的元素的位置:var arr = [10, 20, '30', 'xyz'];arr.indexOf(10); // 元素10的索引为0arr.indexOf(20); // 元素10的索引为1arr.indexO... 阅读全文
posted @ 2015-10-27 16:16 前端_茂 阅读(371) 评论(0) 推荐(0) 编辑
摘要: 国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的... 阅读全文
posted @ 2015-10-23 16:12 前端_茂 阅读(1829) 评论(0) 推荐(1) 编辑