hf html与css读书笔记3

1.绝对定位

绝对定位与浮动虽然都是从流中删除了这个元素，但是他们有两点不同

1.决定定位元素只能通过top，left，right，bottom来确定自己的相对位置

2.绝对定位中内联元素不会像围绕着浮动块一样围绕绝对定位元素，可以看作内联元素完全不知道这个元素

绝对定位也可以用%来指定，这会相当于浏览器的像素百分比来摆放

2.谁在上面

有意思的来了，绝对定位就相当于z轴，那么有意思的来了，都是绝对定位元素的话那么谁在上面呢？？？？

每一个元素都有一个z-index属性，上面的元素更靠近你，z-index就更大。注意，所有的流元素在同一个平面

z-index的值甚至可以指负数，不过还是越大越靠近你

3.定位中的其他值

1.static，我们定位的元素如果我们的元素默认值是static，那么就会会从流中删除

2.固定(Fixed) 定位是将元素放在相对于浏览器窗口的一个位置上(而不是相对于页面)，所以固定元素永远也不会移动。

3.相对(Relative) 定住会让元素正常地流入页面，不过在页面上显示之前要进行偏移。相对定位常用于更高级的定位和特殊效果。

4.display

5.固定定位和负的left值

固定定位一个页面一般只有一个，负的left值可以让内容紧贴左边

6.session和article

<section>元 素比<article>更通用，不过它又不及<div>通用。例如，如果
只是要增加一个元素以便为页面指定样式，那么可以使用<div>。如果要增加一个
元素来标记一些内容，指示这是由相关内容构成的一个结构明.确的区块，那就
可以使用<section>。如果有些内容可以独立于页面上的其余内容进行重用
和分发，那就使用<article>。

7.th，tr，td

th一般代表行名字