ShuiChe’s Blog

摘要： 转眼就就两个星期过去了，好久没有总结了，言归正传昨天boss开会，让我把最近几天做的事情给他汇报一下，呀，顿时紧张了，这一周，或者是这两周自己都没有闲着，一直协助带我的人（暂时叫邓哥吧）做前端页面的完善 和改进，可是由于自己没有记录自己的工作细节，所以在boss面前做工作汇报时语句不通，没说出来什么... 阅读全文

摘要： 图片和文字对齐 设置各对象的vertical-align属性，属性说明： baseline－将支持valign特性的对象的内容与基线对齐 sub－垂直对齐文本的下标 super－垂直对齐文本的上标 top－将支持valign特性的对象的内容与对象顶端对齐 text-top－将支持valign特性的对 阅读全文

摘要： 最近准备针对手机做开发，遇到页面显示特别小，所以搞了这么一篇文章！其实主要就是改掉HTML页面声明：在网页中加入以下代码，就可以正常显示了：代码如下: 解释：width - viewport的宽度height - viewport的高度initial-scale - 初始的缩放比例minimum... 阅读全文

摘要： 一般的元素都有设置自动换行的自动换行：word-wrap: break-word;word-break: normal; 强制不换行：white-space:nowrap;CSS设置不转行:overflow:hidden 隐藏white-space：normal 默认 //***pre 换行和... 阅读全文

摘要： 国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的... 阅读全文

摘要： jQuery 获取屏幕高度、宽度 做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(documen 阅读全文

摘要： 三目运算符又叫三元运算符: 如名字表示, 三元运算符需要三个操作数。语法是 条件 ? 结果1 : 结果2;.这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。 案例1: var bDown = true; bDown = oEvent.wheelD 阅读全文

摘要： 添加事件（有兼容性） /*注册事件*/ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); } window.onmousewheel=documen... 阅读全文

摘要： document.createElement()的用法 document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefo 阅读全文

摘要： 使用方法 <!-- cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状；--> div { cursor: [某个值] } 鼠标样式： 值描述 url 需使用的自定义光标的 URL。 注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。 default 阅读全文

摘要： touch事件前言一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。Apple在iOS 2.0中引入了触摸事件API，Andro... 阅读全文

摘要： Transform根据我的理解，transform和width、height、background一样，都是dom的属性，不同的是它是css3旗下的，比较屌，能够对原来的dom元素进行移动、缩放、转动、拉长或拉伸，跟canvas上的某些api神似，这么说来transform好像能干些js才能干的事。... 阅读全文

摘要： CSS3 过渡通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡属性属性描述CSStransition简写属性，用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS ... 阅读全文

摘要： 3D 转换1. rotateX()2. rotateY()otateX() 方法通过 rotateX() 方法，元素围绕其 X 轴以给定的度数进行旋转。示例：div{transform: rotateX(120deg);-webkit-transform: rotateX(120deg); /* S... 阅读全文

摘要： CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。2D 转换在本次，您将学到如下 2D 转换方法：1. translate()2. rotate()3. scale()4. skew()5. matrix()　translate() 方法通过 translate()... 阅读全文