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

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

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

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

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

时间: 2024-10-19 09:56:46

定位浅析和一些小标签的使用的相关文章

1定位与 2一些小标签的使用 3版心作用 4元素之间的转换 5项目准备

1定位的使用: 1固定定位(position:fixed) 2绝对定位(position:absolute) 3相对定位(position:resitive) 4静态定位(position:static)默认 脱标 脱标 不脱标 不脱标 模式转换(inline-block) 模式转换(inline-block) 模式不转换(占据原来在标准流里的位置) 模式不转换 相对浏览器定位 父盒子无定位(static):相对浏览器 父盒子有定位(除是static): 相对父盒子 相对原来位子定位 没有作用

切小标签圆角 设置导航条字体样式

切小标签圆角 UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:self.markLabel.bounds byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerBottomRight cornerRadii:CGSizeMake(5, 5)]; CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init]; mas

CSS中zoom:1的作用 ,小标签大作用

CSS中zoom:1的作用兼容IE6.IE7.IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题.比如,本站使用DIV做一行两列显示,HTML代码: <div class="h_mainbox"> <h2>推荐文章</h2> <ul class="mainlist"> <li><a href=&quo

div+css 定位浅析

各个属性值的定义: 1.static:默认值.没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明). 2.relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常位置进行定位.可通过z-index进行层次分级. 3.absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位.元素的位置通过 "left", "top", &qu

OGNL(Object-Graph Navigation Language对象图定位语言)和struts2标签

由ngol.jar工具包发展而来 作用: 1   对属性获取和设置 2   调用对象方法 3 调用静态属性和方法 4 对集合进行过滤 5 支持JAVA中的运算符操作符() struts2标签: struts2标签使用NGOL来访问ValueStack中的信息. struts2提供了很多标签,有些标签属性需要指定OGNL表达式. 1 通用标签 debug,property,date.if....else,itetor,bean,push, 2 表单标签 form,textfield,passwor

微信自适应小标签

简单方便微信固定标签 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Cache-Control" content="no-transform " /><meta name="viewport" content="width=device-wi

iOS 小标签

最近因为需求变动,原来用的公共标签不能够满足需求了,遂速写了一款标签.. 下面是主要代码(用了masonry): - (void)makeLableViewWithArray:(NSMutableArray *)arrServiceEst { WS(ws) UIView *aView = [[UIView alloc]init]; [self.viewServiceEst addSubview:aView]; UIView *previousViewLable = nil; for (NSInt

iOS地图定位使用几个小功能

iOS系统自带的定位服务可以实现很多需求.比如:获取当前经纬度,获取当前位置信息等等. 获取当前经纬度 首先导入#import <CoreLocation/CoreLocation.h>,定义CLLocationManager的实例,实现CLLocationManagerDelegate. @interface ViewController ()<CLLocationManagerDelegate> { CLLocationManager *_locationManager; }

DIV CSS Sprites精灵 CSS图像拼合 CSS背景贴图定位教程案例

div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css sprites实例篇 css sprites拼合背景图片素材实现布局效果截图 一.什么是css sprites   -   TOP css sprites直译过来就是CSS精灵.通常被解释为“CSS图像拼合”或“CSS贴图定位”.其实就是通过将多个图片融合到一张图里面,然后通过CSS background背景定位技术技巧布局网页背景.这样做的好处也是显而易见的,因为图片多的话,会增加