前端开发的本质就是页面的切换; 前端开发的世界观: 顶层:页面:布局、交互、渲染、组织; 中间层:页面的切换管理、交互管理、数据填充; 硬件层:cpu、gpu 本质上就是一堆页面怎么展示信息、和用户交互、页面切换以完成业务。 前端的世界观里是各式各样页面和页面的组织; ...
分类:
移动开发 时间:
2019-04-29 19:09:58
阅读次数:
150
*{margin: 0;padding: 0} //Reset(重置)浏览器默认样式【利:可以简单方便的一次性重置所有HTML网页元素的浏览器样式,代码少,控制量大。--弊:因为它重置了所有元素的样式,包括不需要重置的样式,例如table ,我们不需要去重置table元素的样式,所以还需要再为 ta... ...
分类:
其他好文 时间:
2019-04-28 12:39:20
阅读次数:
112
学习时长 6h 代码量 300行 博客 三篇 学习内容 Android开发layout页面布局 ...
分类:
其他好文 时间:
2019-04-27 19:28:22
阅读次数:
104
JS实现放大镜效果 首先我们先设想一下放大镜效果 1、当鼠标进入小盒子的时候,把大图片显示出来 2、当指定移动区域的时候,显示当前放大区域(放大效果) 3、鼠标移除我们让它消失 一、实现页面布局HTML+CSS 二、实现放大镜的功能js 下面来看代码,让你思路变清晰 注意 移动大图 小盒子中移动的距 ...
分类:
编程语言 时间:
2019-04-26 12:50:45
阅读次数:
141
一、 1.html元素分为块级元素(通常以新行开始)和内联元素(通常不以新行开始)。 2.<div>定义文档区域,块级元素。 3.<span>组合文档的行内元素,内联元素 二、 1.可以使用<div>、<table>元素创建多列(不建议使用table标签设计布局,表格不是布局工具)。 2.页面布局, ...
分类:
其他好文 时间:
2019-04-21 14:22:56
阅读次数:
158
1. 主站式 2. 后台管理布局(第十六章s2) position: fixed: 永远固定在窗口的某个位置 relative: 单独使用无意义 absolute: 第一次定位可以指定位置,滚轮滚动时,跟着滚动了。 1).左侧菜单跟随滚动条动 2)左侧以及顶部菜单不动(应用较多) 3. fontaw ...
分类:
其他好文 时间:
2019-04-20 13:04:53
阅读次数:
134
以前常用的页面布局是浮动和定位;后来css3的flex布局解决了浮动的一些主要缺点(无法撑起父元素,需要清除浮动) 任何一个容器都可以指定为 Flex 布局。 flex 主要属性表现: (1). 指定为flex display:flex; (2). 指定 方向 flex-direction: row ...
分类:
其他好文 时间:
2019-04-17 15:08:03
阅读次数:
131
s2.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .left { float: left; } .right{ float: right; } .pg ...
分类:
其他好文 时间:
2019-04-14 09:48:34
阅读次数:
117
2009年,W3C提出了一种新的布局方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。 目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 一,怎么运用FLEX布局 flex布局非常灵活,任一容器都可以指定为flex布局。块状只需要display属性规定为f ...
分类:
其他好文 时间:
2019-04-12 11:49:43
阅读次数:
125
整体思路: 1.实现页面布局,设置css样式 2.用jQuery获取需要用到的变量 3.用jQuery为两个按钮绑定事件 一.页面布局: <style> body{ margin: 0 0 0 0; height: 1000px; width: 100%; } .d1{ position: abso ...
分类:
Web程序 时间:
2019-04-09 20:37:46
阅读次数:
223