WEB前端
文章平均质量分 55
Eara
小小青年要奋斗
展开
-
Relative与Absolute组合使用
Relative与Absolute组合使用1、参照定位的元素必须是相对定位元素的前辈元素:<div id="box1"><!--参照定位的元素--> <div id="box2">相对参照元素进行定位</div><!--相对定位元素--></div>从上面代码可以看出box1是box2的父元素(父元素当然也是前辈元素了)。 2、参照定位的元素必须加入position:relative;#原创 2016-01-21 10:00:39 · 2055 阅读 · 0 评论 -
CSS垂直居中
慕课网学习笔记:垂直居中-父元素高度确定的单行文本父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。如下代码:<div class="container"> hi,imooc!</div>css代码:<style>.container{ height:100px; line-height:100px;原创 2016-01-21 10:25:37 · 306 阅读 · 0 评论 -
CSS元素分类与布局模型
伪类选择符 允许给html不存在的标签(标签的某种状态)设置样式 例 :hover 常用块状元素,不设置宽度时默认宽度为父容器的100% 例: 等 内联元素 例: 等 内联块状元素 例: CSS布局模型不同于CSS布局样式或CSS布局模板 1、 流动模型(Flow)默认从左至右按顺序排列 2、 浮动模型(Float) float:left; 3、 层模原创 2016-01-21 09:57:39 · 348 阅读 · 0 评论 -
前端小技巧
在HTML关键内容往前写,利于搜索引擎搜索到页面;结构与样式分离不仅仅是代码分开写,更重要的是要让结构的代码编写脱离出样式的布局。先按照结构和语义编写代码,然后进行CSS样式的设置,减少HTML与CSS契合度减少层次结构嵌套,巧用margin的负值网页换肤 : 相同HTML结构,不同CSS样式原创 2016-01-21 11:21:15 · 312 阅读 · 0 评论 -
width、clientWidth、offsetWidth、scrollWidth、availWidth
width 用于样式表;带单位 .style.width无法返回值offsetWidth 元素内容实际高度 数字 包括滚动条等边线 .offsetWidth = width+padding+border;clientWidth 元素内容可视区域的宽度 数字 不包括滚动条等边线 .offsetWidth = width+padding;srcollWidth chrome 元素正文全文原创 2016-01-21 16:26:06 · 494 阅读 · 0 评论 -
使用Phaser和HTML5特性检测移动设备旋转重力方向
HTML5中包含一个帮助检测device orientation的特性,使用这个特性可以在移动设备浏览器中判断用户设备的旋转重力方向。基本知识:Alpha, Beta, Gamma角度旋转当用户旋转手机的时候,HTML5中定义了三个轴方向的旋转,如下:上图可以看考,分别是z,x,y轴,对应分别是:Alpha,Beta,Gamma,下面图将更清楚的展示:转载 2016-01-30 16:06:26 · 1137 阅读 · 0 评论 -
使用HTML5 canvas做地图(3)图片加载平移放大缩小
使用HTML5 canvas做地图(3)图片加载平移放大缩小http://www.cnblogs.com/HPhone/ 终于开始可以写代码了,手都开始痒了。这里的代码仅仅是在chrome检测过,我可以肯定的是IE10以下浏览器是行不通,我一直在考虑,是不是使用IE禁止看我的篇博客,就是这群使用IE的人,给我加了很多工作量。 一个地图的基转载 2016-01-30 16:09:53 · 1474 阅读 · 0 评论 -
CSShack大全
http://www.duitang.com/static/csshack.html转载 2016-01-30 16:11:45 · 402 阅读 · 0 评论