随笔分类 -  基础-- H5移动端布局 学习笔记

摘要：1.移动端页面在PC上浏览时，限制宽度的方法： 2.移动端页面切换设备时自动刷新页面的方法： 3.touch事件 touchstart：当手指触摸屏幕时触发。通过addEventListener添加移动端事件。 touchemove：当手指在屏幕上滑动时，连续触发。 touchend：当手指从屏幕上 阅读全文

摘要：概要：CSS3美化样式、自定义字体图标、滤镜设置、CSS3选择器、transform2D转换、新增表单控件、vaild表单验证、表单样式美化等。 属性选择器： E[attr]只使用属性名，但没有确定任何属性值 E[attr="value"]指定属性名，并指定了该属性的属性值 E[attr~="val 阅读全文

摘要：概况：整站布局、头部菜单响应式设置、最新消息模块变化、内容模块四三二响应式变化。 伪类选择器： E:nth-of-type(n) 表示E父元素中的第n个字节点，且类型为E E:nth-last-of-type(n)表示E父元素中的第n个字节点，且类型为E,从后向前计算 只匹配在下标出现的选择器 E: 阅读全文

摘要：display:flex display:box的进化版，但是存在兼容性问题 兼容性分析：http://blog.csdn.net/qishuixian/article/details/53258807 使用Flexbox：新旧语法混用实现最佳浏览器兼容：http://www.w3cplus.com 阅读全文

摘要：一、LESS的学习笔记： 1.less介绍：一种动态样式语言。less将css赋予了动态语言的特性，如变量，继承，运算，函数，less既可以在客户端上运行（支持IE6+，webkit，firefox），也可以借助node.js或者Rhino在服务端运行。less的中文文档，可以参照这两个地址进行学习 阅读全文

摘要：一、调试工具介绍（Chrome Emulation） 1.Device（设备相关） 自定义尺寸、Network（网络模拟）、UseAgent（浏览器信息）、缩放 2.Media（媒体） 3.Network（网络模拟） 4.Senors（传感器） 经纬度、陀螺仪 二、本地服务器搭建 1.搭建服务器 | 阅读全文