1、技术目标：开发符合W3C标准的Web页面理解盒子模型实现DIV+CSS整体布局2、什么是W3C标准？W3C：WorldWideWebConsortium，万维网联盟W3C的职能：负责制定和维护Web行业标准W3C标准包括一系列的标准：HTML内容方面：XHTML样式美化方面：CSS结构文档访问方面：DOM页面交互方面：ECMAScript……等等3、W3C倡导的Web结构要符合以下要...

　　一、弹性布局（100%布局）的特点顶部与底部的bar不管分辨率怎么变，它的？度和位置都不变;中间每条招聘信息不管分辨率怎么变，招聘公司的图标等信息都位于条目的左边，薪资都位于右边。特点：关键元素高宽和位置都不变，只有容器元素在做伸缩变换。对于这类app，记住一个开发原则就好：文字流式，控件弹性，图片等比缩放二、什么是屏幕尺寸？移动端屏幕尺寸：屏幕对角线的长度，单位是英寸（1英寸=2.54...

　　响应式布局：现在越来越多的用户开始使用手机浏览网页，但是手机和PC的屏幕以及操作方式的区别非常之大，有的时候同样的网站我们不得不写两套代码，一套是用于PC机使用的，另外一套是用于手机的。但是有了响应式布局，就可以让我们只需要编写一套代码，就可以同时在手机和PC上运行。移动端WebAPP开发：HTML5标准制定的过程，正是移动互联网高速发展的过程，所以HTML5也包含了大量对于移动设备的支持。使...

　　1.布局框架：Bootstrap:Foundation:Uikit:WebComponents:2.构建工具及包管理器：Grunt:Yeoman:Bower:NPM:3.代码优化：GoogleClosureCompiler:CSSLint:JSHint:JSLint:4.CSS预处理器Less:Sass:5.调试工具：Chrome：Firebug:HTTPWatch:Fidd...

　　运行在移动设备的浏览器的web页面（H5页面、微网页、WAP页）基于webkit内核viewport即视口相当于PC端的浏览器窗口，可以设备尺寸大，也可以比设备尺寸小，允许开发者自定义默认常规大小980-1024px保证PC页面在移动浏览器上面的可视性视觉视口用户通过屏幕真实看到的网页的区域。，即屏幕宽度（设备宽度）布局视口布局视口是网页布局的基准窗口在移动端，布局视口被赋予一个默认值，...

　　1…流式布局按照从上到下的运行方式进行布局2.浮动布局floatleftright？a.元素浮动后，会脱离文档流？b.元素在遇到另外一个元素边框时，会停止？c.文字不能被浮动元素所覆盖，而是会呈现一种包围效果？d.行内元素浮动后可被设置宽高3.定位布局代码实现如下代码如下：注意要点：1.内边距将元素变大：a.在对应方向上的宽高减去内边距b.使用box-sizing:bor...

　　1、前端页面重构。主要内容为PC端网站布局、Photoshop工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配PC端、移动端、平板设备等。2、前后端网页交互。主要内容为JavaScript语法全面进阶、ES6到ES10新语法实践、jQuery应用及插件使用、设计模式及插件编写、封装JS工具库及Web...

　　HTML5的设计目的是为了在移动设备上支持多媒体；HTML5简单易学；HTML5是下一代HTML标准；HTML,HTML4.01的上一个版本诞生于1999年。自从那以后，Web世界已经经历了巨变；HTML5仍处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5支持；HTML5新特性用于绘画的canvas元素用于媒介回放的video和audio元素对...

　　1、NativeApp原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，iOS系统用的是object-C2、HybridApp混合型app手机应用程序混合使用原生的程序和html5页面开发的手机应用3、WebApp基于Web的app手机应用程序完全使用html5页面加前端js框架开发的手机应用视口是移动设备上用来显示网页的区域，一般会比移动设备可...

　　早期<table>，后来<div>，再后来html5语意化标签按照自上而下的方式顺次排布。最初设计目的是用于图文环绕排版、不过目前常用于左右布局。保持与目标元素（position不为static的最近父元素）的绝对距离，使用场景有顶部固定的广告栏，瀑布流等等。较为系统的布局方案，详见：较为系统的布局方案，详见：静态布局：网页布局始终按照固定的布局和尺寸来显示，不使用Flex...