特点：1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。2、内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）浮动布局（float）特点：默认布局下，块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示。就需要使用float来实现。如下3、层模型特点：如果我想一个div在另外一个...
流式布局rem布局视口布局手淘团队flexible.js设备区间划分逻辑像素和物理像素pc:1物理=1逻辑移动端：1物理=？逻辑（根据系统去定）逻辑像素指的是css像素也就是我们写代码的px移动端布局第一步视口：呈现网页的介质，窗口获取设备宽度案例1：大屏：box盒子黑色背景中红色小粉色超小红色自适应----》原理：盒子宽度尽量用%表示高度可以定...
我们利用flex弹性布局来快速完成一个PC端通用布局的解决方案，以后遇到类似布局可以直接仿照当前布局方案来做代码：效果：PC端的通用布局大体上就这样，可以仿照这个flex自己动手试试注：图中为了演示效果把高度都调低了实际开发科根据自身需求调节高度大小接下来我们利用flex弹性布局来快速完成一个移动端通用布局的解决方案，以后遇到类似布局可以直接仿照当前布局方案来做代码：效果图：注：以上主要代...
这就是一个无序列表（）里有三个列表元素（）。你可以把称为父元素，称为子元素。要开始使用Flexbox，必须先让父元素变成一个Flex容器。你可以在父元素中显式的设置或者。这样你就可以开始使用Flexbox模块。实际是显式声明了Flex容器之后，一个Flexbox格式化上下文（Flexboxformattingcontext）就立即启动了。使用一个无序列表（）和一群列表元素（），启动Flex...
PhoneGap恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的Cordova商业版本。第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。创建它的一个主要动力是基于一个几乎每一个单独的iPhone开发新手都要面对的简单事实：Objective-C是一个对Web开发人员来说非常陌生的环境，并且Web开发人员的数...
移动端开发主要针对手机，ipad等移动设备，随着地铁里的低头族越来越多，移动端开发在前端的开发任务中站的比重也越来越大。各种品牌及尺寸的手机也不尽相同。尺寸不同就算了分辨率，视网膜屏自动的各种内核的浏览器，想想头都大了。先说下浏览器。在中国有多少种浏览器？ie、百度、360、搜狗、火狐、欧朋、Chrome、谷歌、行者无疆、财猫省钱、遨游、Wise光速、UC、智慧、QQ、海豚……（大概有70-...
我们就不去深入研究标签云带来的效率上的提升和可用性的细节，仅仅在外观上带来的美感和对全站或一整篇文章所起到的高度概括的作用就不容忽视了。接下来，我们将讨论如何用HTML和CSS来创建标签云效果。注意，我们仅仅讨论如何实现这种UI效果而不去深究标签的权重或受欢迎程度是怎么算出来的。前面说了，标签云就是一个连接列表。所以从语义化的视角，使用无序列表来表达每个标签是合理的，不用考虑按欢迎程度去排列，...
对于零基础的人而言，要怎么学习web前端呢？1、前端页面重构。主要内容为PC端网站布局、Photoshop工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配PC端、移动端、平板设备等。2、前后端网页交互。主要内容为JavaScript语法全面进阶、ES6到ES10新语法实践、jQuery应用及插件使用...
一、移动web开发现状：当下人们使用频率最高的设备莫过于手机了，大家对网站的认知是越来越清晰，网站建设已成为企业宣传与营销的重要途径，随之移动端网站建设也成趋势。移动web开发指的是需要适配移动设备的网页开发。移动web开发与pc端web开发没有本质的区别，使用的还是HTML/CSS/JavaScript的技术。二、移动端与pc端web开发的区别1、浏览器不同移动端的浏览器与pc端不同谷歌...