网页布局基础 简介 什么是网页布局？ 网页布局是网页制作的基础，使用DIV+CSS布局网页是基础中的基础。三种基本布局方式：流式布局，浮动布局，绝对定位布局。 网页设计的特点：1：网页宽度可变 2头+内容主体（根据需要分栏）+页脚（不重要的内容） 对长度设置百分比可实现网页自适应 W3C标准包括结构 ...
分类：
Web程序 时间：
2017-04-22 23:00:12
阅读次数：
262
本周主要学习了 css的网页布局基础知识可以大概分为：理解 css盒模型-高度和宽度-外边距 margin-边框 border -内边距 padding-正常文档流的布局-元素浮动-浮动的基础 -浮动的行为-清除浮动的影响-定位-指定元素的位置-相对定位-绝对定位，从我本人的学习情况来看还是很不理想 ...
分类：
其他好文 时间：
2017-04-22 14:29:31
阅读次数：
136
有很多小伙伴们特别关心面试Web前端开发工程师时，面试官都会问哪些问题。今天小卓把收集来的“阿里Web前端开发面试题”整理贴出来分享给大家伙看看，赶紧收藏起来做准备吧~~ 一、CSS盒子模型，绝对定位和相对定位 1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 2）如何保持浮层水平垂直居中 ...
分类：
Web程序 时间：
2017-04-22 13:13:44
阅读次数：
223
（一) 定位 绝对定位和相对定位。其实用一句话说就是“子绝父相”，理解这句话很多效果通过定位做出来的话都没问题了。一般平时用的都的情况都是子div设置为绝对定位，父div设置为相对定位。如果直接把一个div设置为绝对定位的话呢，它是根据浏览器窗口大小来进行定位的。如果把定位这块理解了，很多效果都可以 ...
分类：
Web程序 时间：
2017-04-21 22:59:10
阅读次数：
177
最近在研究微信扫码支付，和参数对接。这个坑，不好搞。 不说了，今天学习继续 定位 position定位属性 static默认 ，没有定位 relative 相对定位 相自身原来位置进行偏移偏移设置：top\left\right\\bottom 单位:px absolute 绝对定位 偏移位置：lef ...
分类：
Web程序 时间：
2017-04-21 19:17:25
阅读次数：
190
1.居中效果 父级DIV （index-top ）属性设置为 text-align:center; 子级DIV（ tabIndex-main）属性设置为 margin:0 auto; 2.左右对齐效果 父级DIV（ tabIndex-main）属性设置为 position:relative 子级DI ...
分类：
Web程序 时间：
2017-04-18 18:49:53
阅读次数：
415
谈起它们，想必大家都不陌生。relative，相对定位嘛；absolute，绝对定位嘛。但是它们到底是个啥东东呢？ 看看w3c的定义，见下表 定位 含义 relative 元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。 absolute 元素框从文档流完全删除，并相对于其包 ...
分类：
其他好文 时间：
2017-04-17 22:13:58
阅读次数：
276
首先是客户端 新建一个输入框 在输入框的下面创建一个div，先让他隐藏起来 注：搜索框的定位可以使用绝对定位，定在输入框的下面，搜索按钮可以加在输入框的旁边，同样也是使用绝对定位 接下来是使用jq发送ajax请求（这里使用的是json格式的数据） 服务端使用PHP语句连接数据库，然后进行查询（这里使 ...
分类：
Web程序 时间：
2017-04-17 13:27:03
阅读次数：
194
网页布局基础 简介 1.什么是网页布局 网页布局是网页制作的基础，使用DIV+CSS布局网页是基础中的基础。 2.流式布局，浮动布局，绝对定位布局。相关知识点：标准文档流，盒子模型，float属性position属性等。 W3C标准包括结构化标准语言，表现标准语言，行为标准语言，倡导结构，样式，行为 ...
分类：
Web程序 时间：
2017-04-16 16:17:40
阅读次数：
219
代码如下： chrome&IE8 IE6 可见在IE6中红色div并没有真正“浮动”，而是让后面的绿色div跟随在后面。 解决办法： 利用绝对定位。 注意：需要将两个div位置调转或调z-index。 chrome&IE8 IE6 ...
分类：
其他好文 时间：
2017-04-12 03:25:35
阅读次数：
221
