码迷,mamicode.com
首页 > 其他好文 > 详细

定位浅析和一些小标签的使用

时间:2016-07-23 00:36:28      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

定位分为四种定位,固定定位:fixed,相对定位:relative,绝对定位:absolute和最后一个静态定位:static。

四种定位中最简单的就是最后的静态定位,因为他其实就是和标准流是一样的,固定定位和绝对定位都是脱离标准流的,而且都实现了模式转换,两者不同的是前者的定位是相对于浏览器来说的,而后者的定位是相对于父级来说的,若是父级没有相关设置的话那也是相对于浏览器来说的。另外两个定位,相对定位和静态定位都是没有脱离标准流的,没有实现模式的转化,相对定位的定位是相对于自己在原来标准流里的位置来说的。

有一句口诀,一般来说可以运用,叫做子绝父相,但是也有时候不是这样的,如果是三个元素之间的嵌套的话,就不一定适用了,有可能是子元素绝对定位,父元素绝对定位而父元素的父元素是相对定位。定位首先是找离自己最近的父元素的。

在网页制作过程中,经常会有一些小的图片来装饰,但是图片很小,用大的标签可能会影响布局结构,所以这个时候就可以用一些小的标签来放一些图片,比如i,s,em,u,del,ins等这些,这些小标签虽然本来有自己的作用,但是在网页样式表初始化过程中,已经把他们的原有功能初始化掉了。比如淘宝啊京东啊什么大型网站中的那些小图标,购物车啊,一些手机的小图片啊之类的。

 

定位浅析和一些小标签的使用

标签:

原文地址:http://www.cnblogs.com/little-fish/p/5697658.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!