12 2016 档案

css布局-双飞翼布局
摘要：增加多一个div就可以不用相对布局了，只用到了浮动和负边距，这就是双飞翼布局。 DOM结构：main内层增加了一个div 阅读全文
posted @ 2016-12-23 20:20 Koidt
CSS布局-圣杯布局
摘要：圣杯布局 圣杯布局很完美（兼容所有浏览器，包括IE6），但是使用了相对定位，布局有局限性，宽度控制要改的地方也多。 第一种方法公用部分： 第二种方法都不考虑兼容IE8及以下。 左侧栏固定宽度，右侧自适应 ： 第一种写法： 第二种写法： 右侧栏固定宽度，左侧自适应 ： 第一种写法： 第二种写法： 左右 阅读全文
posted @ 2016-12-23 20:16 Koidt 阅读(421) 评论(0) 推荐(0)
品字布局
摘要：满屏品字布局 思路：上面的div宽100%，下面的两个div分别宽50%，然后用float或者inline使其不换行即可。 局部品字布局： 左右在排版时要反过来，不然不出效果 阅读全文
posted @ 2016-12-23 18:44 Koidt 阅读(1392) 评论(0) 推荐(0)
元素居中
摘要：HTML: CSS: 阅读全文
posted @ 2016-12-22 18:24 Koidt 阅读(263) 评论(0) 推荐(0)
html5中viewport与meta详解
摘要：网上解释手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 vie 阅读全文
posted @ 2016-12-22 11:33 Koidt 阅读(805) 评论(0) 推荐(0)
transform-origin
摘要：transform-origin：改变原点中心位置 transform-origin是变形原点，也就是该元素围绕着那个点变形或旋转，transform-origin并不是transform中的属性值，他具有自己的语法。但是该属性只有在设置了transform属性的时候才能起作用。 默认情况，变形的原 阅读全文
posted @ 2016-12-21 00:37 Koidt 阅读(898) 评论(0) 推荐(0)
css3 绘制图形
摘要：星形： 五角星： 五边形： 六边形： 八边形： 心形： 梯形： 阅读全文
posted @ 2016-12-20 23:24 Koidt 阅读(262) 评论(0) 推荐(0)
css3绘制六边形
摘要：六边形思路：使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素，并利用css3的边框样式，将这两个元素变成三角形放置在源元素的两端即可。 阅读全文
posted @ 2016-12-20 22:23 Koidt 阅读(5064) 评论(0) 推荐(0)
border-radius 圆角
摘要：border-radius:3px; 参数的单位可以使绝对的像素px，也可以用相对单位%; 参数顺序是左上角，右上角，右下角，左下角. 圆角： 不同设置： 过渡效果： 阅读全文
posted @ 2016-12-20 21:02 Koidt 阅读(235) 评论(0) 推荐(0)
css3绘制三角形
摘要：将div的宽和高设置为0；利用border-width、border-style、border-color属性绘制不同位置边框的样式。将不需要展示的三角颜色填充为transparent透明即可，就能得到某一部分三角。 （左下） （左上） （右上） （右下） 阅读全文
posted @ 2016-12-20 16:45 Koidt 阅读(395) 评论(0) 推荐(0)
easyui下载包详解
摘要：easyui包详解： 文件夹： demo——该目录下存放的是 EasyUI PC 版各插件的示例示例。如果不想在官网上查看演示，可以在该目录下找到相应的演示示例 demo-mobile——该目录下存放的是 EasyUI 移动版各插件的示例 locale——本地化文件，即语言库。主要用于如 DataG 阅读全文
posted @ 2016-12-18 17:40 Koidt
canvas绘制形状
摘要：栅格 之前简单模板中有个宽/高150px的canvas元素。如下图所示，canvas元素默认被网格所覆盖。通常来说网格中的一个单元相当于canvas元素中的一像素。栅格的起点为左上角（坐标为（0,0））。所有元素的位置都相对于原点定位。所以图中蓝色方形左上角的坐标为距离左边（Y轴）x像素，距离上边（ 阅读全文
posted @ 2016-12-11 22:20 Koidt
Canvas的基本用法
摘要：canvas没有设置宽度和高度的时候，会初始化宽度：300像素和高度：150像素。可以使用CSS来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果CSS的尺寸与初始画布的比例不一致，它会出现扭曲。 如果你绘制出来的图像是扭曲的, 尝试在<canvas>的属性中明确规定宽和高，而不是使用CSS。 阅读全文
posted @ 2016-12-11 20:57 Koidt