display值的作用分别是什么？relative和absolute分别是相对谁定位的？

【display值的作用分别是什么？relative和absolute分别是相对谁定位的？】的更多相关文章

display值的作用分别是什么？relative和absolute分别是相对谁定位的？

display值的作用分别是什么? none:元素隐藏,不占据位置 block:该元素显示为块级元素 inline:默认,该元素会被显示为内联元素 inline-block:行内块元素 list-item:该元素会作为列表显示 run-in:该元素会根据上下文作为块级元素或内联元素显示 table:该元素会作为块级表格来显示 inline-table:该元素会作为内敛表格来显示 table-row:该元素会作为一个表格行来显示 table-row-group.table-header-group…

Position属性四个值：static、fixed、relative、absolute的区别和用法

1.static(静态定位):默认值.没有定位,元素出现在正常的文档流中(如果设置 top, bottom, left, right, z-index这些属性就不起做作了). 2.relative(相对定位):生成相对定位的元素,通过top,bottom,left,right的设置相对于其原本位置进行定位.可通过z-index进行层次分级. 3.absolute(绝对定位):生成绝对定位的元素,相对于第一个含有定位的(除static 定位的)父元素进行定位.元素的位置通过 "left"…

关于position的relative和absolute分别是相对于谁进行定位的

position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配合TOP.RIGHT.BOTTOM.LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点.如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定. Relative,CSS中的写法是:position:relative; 他的意思是绝对相对定位,他是参照父级的原始点为原始点,无父级则以BODY的…

【学习笔记】HTML position(static、fixed、relative、absolute)

[本文转载] position的四个属性值:static.fixed.relative.absolute 下面分别讲述这四个属性:<div id="parent"> <div id="sub1">sub1</id> <div id="sub2">sub2</id> </div>1. relative relative属性相对比较简单,我们要搞清它是相对哪个对象…

display值的分类

整体来讲,display的值可以分为6个大类,1个全局类,一共是7大类: 外部值内部值列表值属性值显示值混合值全局值外部值,指的是这些值只会直接影响一个元素的外部表现,而不影响元素里面的儿子级孙子级元素的表现;常见的外部值有 display:block; display:inline; display:run-in; display:block; 块级元素,css初学者都知道的概念,只要是容器类型的元素基本都是这个值.除div之外,h1-h6.p.form.head…

Web前端面试指导(十五)：CSS样式-display有哪些作用？

题目点评其实就是要你说清楚该属性有哪些值,每个值都有什么作用,这个题目可以答得很简单,但要答全也并非是一件容易的事情. 元素默认的display值的情况如下(这个一般很少人注意这一点) block(块级元素) <div>.<p> <ul> <ol> <form> …… inline(内联元素) <span> <a> <img> <input> <select> <label>…

position 有五个值：static、relative、absolute、fixed、inherit。

position 有五个值:static.relative.absolute.fixed.inherit. static 是默认值.就是按正常的布局流从上到下从左到右布局,平常我们做网页时,没有指定 position,也就表示使用 static. relative 没有脱离布局流,此时可以使用 top.right.bottom.left 属性. top 和 bottom 共存时,使用 top 值,忽略 bottom 值: left 和 right 共存时,使用 left 值,忽略 right 值…