在水伊人

摘要： 数组 数组的概念 数组是值的有序集合 数组中的每个值 称之为 元素 每个元素可以是任意数据类型的值 每个元素都有索引（下标） 元素的索引从0开始，按照顺序递增。 元素最大的索引 2^32 2 创建数组 直接量 var arr=[]; var arr=["string",234,true,functi 阅读全文

摘要： 分支结构 条件语句 单向分支 if (){ } 当只有一行代码是可省略花括号，但是代码可读性会变差。 双向分支 if () { } else { } 嵌套分支 if (){ if (){ } } else { } 多项分支 if else if if (){ } else if (){ } else 阅读全文

摘要： JavaScript 基本语法 JS如何在HTML中使用 `` `` 注释 单行注释 // 多行注释 / / 指令结束符 ； 换行 变量和直接量 直接量 变量 var 变量名 = 值; var 变量名; var 变量名 = 值, 变量2=值, 变量3=值; JavaScript的 数据类型 数据类型 阅读全文

摘要： 响应式设计 响应式设计的概念（三要素） 流体网格 响应式图片 媒体查询 真正的响应式设计方法不仅仅是根据可视区域大小而改变网页布局，而是要从整体上颠覆当前网页的设计方法，是针对任意设备的网页内容进行完美布局的一种显示机制。 相关概念 分辨率 resolutio 指显示器所能显示的像素的多少 实际分辨 阅读全文

摘要： WEB字体 语法 @font face{ font family:""; src:url() format() .... } 例如：@font face{ font family:"X2b"; src:url("./dist/images/myfont.jpg") format("truetype" 阅读全文

摘要： CSS3 变形/变换 只能用块状元素或者inline block; 相关属性 transform 设置或检索对象的转换 transform origin 设置以某个原点进行转换 transform style: flat/preserve 3d 指定某元素的子元素是位于三维空间内，还是平面 pers 阅读全文

摘要： CSS3 私有前缀 webkit chrome/safari等webkit内核浏览器 moz firfox o opera ms IE CSS3 盒子模型 box sizing 值 content box（默认） / border box　盒子大小仅由宽高决定 resize 是否允许用户调节尺寸的大 阅读全文

摘要： 边框 圆角 border radius border top left radius border top right radius border bottom left radlius border bottom right radius 盒子阴影 box shadow 水平偏移值 垂直偏移值 模 阅读全文

摘要： H5新增标签 结构标签 （双） header 头面 页面头部 section的头部 footer 页脚 nav 导航 aside 侧边栏 main 主体内容 section 小节 article 文章 details 结合summary使用 属性open summary 为details元素定义可见 阅读全文

摘要： 盒子模型 盒子 决定盒子的大小由width height padding border,margin对盒子大小的不起作用 盒子关系（标准文档流） 块状元素 默认宽度由父元素决定 高度由内容撑开 行内元素 宽度由内容决定 块状元素 可以设置宽高，行内元素不可以 行内元素 只可以设置左右外边距 上下内边 阅读全文