.flex-container{ display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-fle...
分类:
其他好文 时间:
2015-12-05 21:02:25
阅读次数:
193
学习了CSS布局的定位和浮动,我们可以简单地做出很多排版和内容拼接。今天就来做几个简单的实例展示现在
流行的DIV+CSS布局的方便好用之处。顺便也说一下CSS3新增的样式属性box-shadow和属性transform。
一图文混排
CSS布局之图文混排
#test {
border:#FF00FF solid 2px;
width:650px;
height:46...
分类:
Web程序 时间:
2015-12-05 00:34:21
阅读次数:
163
CSS Reset:重新设置HTML标签的默认样式。 (1)重设了盒子模型的计算方法 * { box-sizing: border-box; } (2)重设了所有元素的默认字体 14px/1.42857143 "Helvetica Neue" (3)body { margin: 0;...
分类:
Web程序 时间:
2015-12-04 22:47:49
阅读次数:
502
上一篇文章用Flex实现BorderLayout,这一章我们来实现常用的网格布局和响应式处理.首先我们定义HTML结构,主Box为grid,每项为grid-cell,下面就是我们HTML代码结构.<divclass="grid">
<divclass="grid-cell">
1</div>
<divclass="grid-cell">
2</div&g..
分类:
其他好文 时间:
2015-12-04 15:06:42
阅读次数:
130
1. User Custom Action包含Ribbon和ECB,以及Site Action菜单等;2. 系统默认ECB的Class为:ms-core-menu-box --> ECB所在的div使用的classms-core-menu-list --> ECB所在的ul使用的classms...
分类:
其他好文 时间:
2015-12-04 10:46:41
阅读次数:
145
本节课重点了解EasyUI中Tree(树)组件的使用方法, 这个组件依赖于Combo(下拉框)和 Tree(树)组件。一. 加载方式//class 加载方式//JS 加载方式$('#box').combotree({url : 'tree.json',required : true,});二. 属性...
分类:
其他好文 时间:
2015-12-03 23:16:31
阅读次数:
224
Flexible Box是什么?Flexible意为可伸缩的,Box意为盒子,可以理解为一种新式的盒模型——伸缩盒模型。由CSS3规范提出,这是在原有的大家非常熟悉的block, inline-block, inline的基础上延伸出的新一代布局模式。浏览器兼容性作为非常现实的开发者,是否对一个新技...
分类:
其他好文 时间:
2015-12-03 23:02:00
阅读次数:
198
继承 原型链实现了继承,但无法传参和共享function Box(){ //Box()构造函数 this.name = "lee"; } function Desk(){ ...
分类:
Web程序 时间:
2015-12-03 19:16:32
阅读次数:
156
阴影:box-shadowbox-shadow是向盒子添加阴影。支持添加一个或者多个。box-shadow:X轴偏移量Y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式];注意:inset可以写在参数的第一个或最后一个,其它位置是无效的。如果添加多个阴影,只需用逗号隔开即可。如:.box_shado..
分类:
其他好文 时间:
2015-12-03 17:18:20
阅读次数:
147
用-webkit-私有属性,代码如下:text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box...
分类:
其他好文 时间:
2015-12-03 13:52:39
阅读次数:
125