- 浏览: 330756 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (354)
- 学习 (219)
- 工作 (69)
- 前端技术 (188)
- 个人评论 (1)
- 工作总结 (1)
- 工作的方法 (1)
- 代码库 (1)
- jQuery (63)
- javascript (4)
- css (4)
- 网络通信协议 (3)
- web (7)
- 服务端性能 (1)
- 优化 (1)
- html5 (4)
- serialize (1)
- 上线页面 (1)
- ie6 (6)
- js (1)
- iframe (1)
- flash (1)
- a (1)
- img (1)
- 页面tms的要求 (1)
- kissy (3)
- 需求也页面 (0)
- 需求页面 (2)
- 视频插件 (1)
- 切图片 (1)
- map (1)
- display (1)
- 浮动定位 (1)
- 大小图片的切换功能 (2)
- demo (1)
- margin (1)
- a标签 (1)
- border (1)
- 侧导航 (1)
- 切换PNG格式的css (1)
- padding (1)
- 显示添加和删除 (1)
- 滚动条 (1)
- 和图片处理 (1)
- 移动端 (1)
- 定位 (1)
- 移动端的包的引入作用与直接拨打电话的A标签 (1)
- git (1)
- node.js (1)
- Zepto (1)
最新评论
-
幻紫1992:
还有分页的功能、、(⊙o⊙)嗯
[JS代码库] -
幻紫1992:
就是没有返回顶部的按钮,这个页面、、
[JS代码库] -
幻紫1992:
很受用,O(∩_∩)O谢谢啦~
[JS代码库] -
nlnl520coco:
想下个东西 规则太苛刻了 网站得改进
[JS代码库] -
hxp520520:
new Limiter() 这个对象是kissy API里面的 ...
Limiter的简单demo--20131029
在CSS中关于定位的内容是:position:relative | absolute | static | fixed
static 没有特别的设定,就是基本的定位规定,不能通过z-index进行层次分级。
relative 不脱离文档流,自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级。
文本流是什么:同级元素同时左浮的话,源代码在前的在左,依次向右拍;同时右浮的话,源代码在前的在右,依次向左排。
absolute 脱离文档流,通过 top,bottom,left,right 定位。选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。
fixed 固定定位,这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。
CSS中定位的层叠分级:z-index: auto | namber;
auto 就是跟着父对象的定位
namber 无单位的整数值。可为负数
定位的原理:
可以位移的元素 (相对定位)
在本文流中,任何一个元素都被文本流所限制了自己的位置,但是通过CSS依然可以让这些元素可以改变自己的位置,可以通过float来让元素浮动,也可以通过margin来让元素有位置移动。但是事实上那并非是真正的位移,因为,那只是通过加大margin值来实现的一个方法。而真正意义上的位移是通过top,right,bottom,left针对一个相对定位的元素所产生的。
可以在任意一个位置的元素 (绝对定位)
相对定位只可以在文本流中进行位置的上下左右的移动,同样存在一定的局限性,虽然他的表现区脱离了文本流,但是在文本流却依然为它保留,但是这样很明显就会空出一块空白来,如果希望文本流抛弃这个部分就需要用到绝对定位。绝对定位不光脱离了文本流,而且在文本流中也不会给这个绝对定位元素留下专属空位。而移动出去的部分自然也就成为了自由的了。
被关联的绝对定位
上面说的是单一的绝对定位,而在实际的应用中我们会需要用到一种特别的形式。即希望定位元素要有绝对定位的特性,但是又希望绝对定位的坐标原点可以固定在网页中的某一个点,当这个点被移动时绝对位定元素能保证相对于这个原坐标的相对位置。也就是说需要这个绝对定位要跟着网页移动,而并且是因定在网页的某一个固定位置。通常当网页是居中形式的时候这种效果就会显得特别的重要。要实现这种效果基本方式就是为这个绝对定位的父级设置为相对定位或是绝对定位。那么绝对定位的坐标就会以父级为坐标起始点。
最主要要说的就是这个贯连绝对定位,一般我们只知道相对定位可以移动位置,绝对定位是不能移动位置,那么在要兼容多和游览器的时候相对定位是有空白的位置无法去掉的,这个时候有的游览器自己会去掉有的不会自己去掉,这样就会让原本定位好的内容到别的游览器下出现问题,浮动定位也是一样的,会出现同样的空白地区无法删除的,这个时候就需要绝对定位的效果了,让空白地区在所有游览器下都删掉,这样就能完成在所有游览器下样式相同,因为父类是可移动的相对定位,有可以跟随的页面的大小发生位置上的变化又可以在多个游览器下不走样,这才是一个好方法
static 没有特别的设定,就是基本的定位规定,不能通过z-index进行层次分级。
relative 不脱离文档流,自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级。
文本流是什么:同级元素同时左浮的话,源代码在前的在左,依次向右拍;同时右浮的话,源代码在前的在右,依次向左排。
absolute 脱离文档流,通过 top,bottom,left,right 定位。选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。
fixed 固定定位,这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。
CSS中定位的层叠分级:z-index: auto | namber;
auto 就是跟着父对象的定位
namber 无单位的整数值。可为负数
定位的原理:
可以位移的元素 (相对定位)
在本文流中,任何一个元素都被文本流所限制了自己的位置,但是通过CSS依然可以让这些元素可以改变自己的位置,可以通过float来让元素浮动,也可以通过margin来让元素有位置移动。但是事实上那并非是真正的位移,因为,那只是通过加大margin值来实现的一个方法。而真正意义上的位移是通过top,right,bottom,left针对一个相对定位的元素所产生的。
可以在任意一个位置的元素 (绝对定位)
相对定位只可以在文本流中进行位置的上下左右的移动,同样存在一定的局限性,虽然他的表现区脱离了文本流,但是在文本流却依然为它保留,但是这样很明显就会空出一块空白来,如果希望文本流抛弃这个部分就需要用到绝对定位。绝对定位不光脱离了文本流,而且在文本流中也不会给这个绝对定位元素留下专属空位。而移动出去的部分自然也就成为了自由的了。
被关联的绝对定位
上面说的是单一的绝对定位,而在实际的应用中我们会需要用到一种特别的形式。即希望定位元素要有绝对定位的特性,但是又希望绝对定位的坐标原点可以固定在网页中的某一个点,当这个点被移动时绝对位定元素能保证相对于这个原坐标的相对位置。也就是说需要这个绝对定位要跟着网页移动,而并且是因定在网页的某一个固定位置。通常当网页是居中形式的时候这种效果就会显得特别的重要。要实现这种效果基本方式就是为这个绝对定位的父级设置为相对定位或是绝对定位。那么绝对定位的坐标就会以父级为坐标起始点。
最主要要说的就是这个贯连绝对定位,一般我们只知道相对定位可以移动位置,绝对定位是不能移动位置,那么在要兼容多和游览器的时候相对定位是有空白的位置无法去掉的,这个时候有的游览器自己会去掉有的不会自己去掉,这样就会让原本定位好的内容到别的游览器下出现问题,浮动定位也是一样的,会出现同样的空白地区无法删除的,这个时候就需要绝对定位的效果了,让空白地区在所有游览器下都删掉,这样就能完成在所有游览器下样式相同,因为父类是可移动的相对定位,有可以跟随的页面的大小发生位置上的变化又可以在多个游览器下不走样,这才是一个好方法
发表评论
-
Zepto
2015-08-15 13:49 1201Zepto Zepto,是一个比较 ... -
node.js的学习-20140611
2014-06-11 23:17 728//创建一个h1方法里面舒服一个nihao functi ... -
node.js的学习-20140609
2014-06-09 23:01 530Node.js 是一个基于Chrome JavaScript ... -
git的学习-20140604
2014-06-04 23:30 473Git使用 首先 开启"G ... -
PC和移动端的页面的一些差距-20140525
2014-05-25 23:46 848首先 1、标签、描述等描述清晰准确 2、网站结构3层树状结构 ... -
Bootstrap排版基础样式和响应式图片-20140521
2014-05-22 00:41 2707Bootstrap基础排版样式 .col-xs-* // ... -
Bootstrap特性、设计和组件-20140519
2014-05-19 22:22 675特点 Bootstrap是基于jQuery框架开发的,它在j ... -
Bootstrap流式布局-20140515
2014-05-16 00:26 14706流布局是一种适应屏幕的做法。即不固定块的宽度,而是采用百分比作 ... -
Bootstrap的宽度和分辨率的差别-20140514
2014-05-14 23:05 6206首先在bootstrap里面所有 ... -
Bootstrap的认识-20140513
2014-05-14 00:09 1338通过公司的两个比较大 ... -
jquery初步认识-20140123
2014-01-24 01:30 650一、原型模式结构 // 定义一个jQuery构造函数 ... -
html5的特殊标签作用-20140114
2014-01-15 01:04 876<base>、定义页面中所有链接的基准URL & ... -
ie下的指定样式-20140106
2014-01-08 00:00 7251. <!--[if !IE]><!--&g ... -
margin-left在IE6下左浮动加倍-20140102
2014-01-02 23:04 713一、IE6下如果line-height超出本身区块的heigh ... -
浮动存在的问题-20131229
2013-12-29 23:00 512看一个正常的浮动案例 <!DOCTYPE h ... -
在ie6下同张图片不能外面包有a标签后在画热区-20131223
2013-12-23 23:47 822最近在做页面有的发现一个问题 <div class ... -
ie6下导航存在的问题和-2013-12-20
2013-12-21 00:51 598最近在做事的时候发现一个有趣的问题,在上网也找过但是都没有很好 ... -
按比例展示的小js-20131217
2013-12-18 00:41 398做需求的做到一个关于这个功能的项目所以记下来 Math.ra ... -
flash在Safari下的BUG-20131212
2013-12-12 01:09 730<object width="940&qu ... -
使用模版的基本尝试-20131209
2013-12-10 01:19 605使用模版的基本尝试 模版是大家多多少少都有用多的,那么就在这 ...
相关推荐
FX1N伺服定位系统---例程,三菱PLCFX1N伺服定位系统
柯达-页面定位-工具 柯达-页面定位-工具 柯达-页面定位-工具 柯达-页面定位-工具柯达-页面定位-工具 柯达-页面定位-工具 柯达-页面定位-工具 柯达-页面定位-工具
2020年室内定位白皮书---移动-2020.6-74页精品报告2020.pdf
用MATLAB编写,4个基站的基于TDOA的Chan-Taylor混合加权算法定位。最普通的Chan-Taylor算法,将Chan算法计算出来的估计值作为Taylor级数展开法的迭代初始值带入,之后合理设置Chan算法和Taylor级数展开法的加权系数...
YTC电-气阀门定位器 YT-1000系列使用手册pdf,YTC电-气阀门定位器 YT-1000系列使用手册
萨姆森SAMSON 3730系列电气定位器3730-1型安装操作手册(英文版)pdf,萨姆森SAMSON 3730系列电气定位器3730-1型安装操作手册(英文版)
YT-3400智能阀门定位器YT-3400系列使-用-说-明-书.pdf
列车定位设备--轨道电路.pptx
经典的无线传感网定位算法,MDS-MAP及其改进算法,附有详细说明
智能阀门定位器YT-2400系列使用说明pdf,智能阀门定位器YT-2400系列是通过接收控制器或控制系统发出的4~20mA电流信号来控制阀门开度的装置。内置微处理器,可精确控制直/角行程阀门阀位,并可执行自动设定,PID控制,...
汽车四轮定位技术--4.pptx
三角质心定位法--JAVA算法的实现。网上找了不少定位算法的资源,都不够全面,后来自己结合了网上的一些算法实现,自己写了一个java 的三角质心的算法 三角 质心 定位 JAVA。
多功能贴片机机械定位的探讨--陈卫zip,多功能贴片机机械定位的探讨--陈卫
基于肤色的人脸检测与定位系统--人脸区域定位子系统的设计与实现 包括毕业论文文档文件夹,源码文件夹,资料文件夹包括中英文资料以及开题报告
房地产行业--鸿图广场定位报告--前期定位报告修改稿(DOC 48页).doc
DV-Hop定位算法是APS算法系列中使用最为广泛的定位方法, 其定位过程不依赖于测距方法, 利用多跳信标节点信息来参与节点定位, 定位覆盖率较大。
JTT 809-2011 道路运输车辆卫星定位系统--平台数据交换 809开发最新版协议 不需要使用更新协议 包含word和pdf2个版本
5G-问题定位指导书-切换专题
ABB智能定位器TZID-C说明书(中文正式版).pdf
C++;卫星定位;C++卫星定位程序--通过卫星星历确定卫星位置