css 2020-12-11晚

1
块元素是一个元素，占用了全部宽度，在前后都是换行符。内联元素只需要必要的宽度，不强制换行。
2.
一个内联元素设置为display:block是不允许有它内部的嵌套块元素。
3.
visibility:hidden 但仍然会影响布局 display:none 占用的空间也会消失
4
块级元素(block)特性：

设置元素为块状元素，如果不指定宽高，默认会继承父元素的宽度，并且独占一行，即使宽度有剩余也会独占一行，高度一般以子元素撑开的高度为准，当然也可以自己设置宽度和高度。

内联元素(inline)特性：

inline也是 CSS 1 提出的属性，它主要用来设置行内元素属性，设置了该属性之后设置高度、宽度都无效，同时text-align属性设置也无效，但是设置了line-height会让inline元素居中

主要用的CSS样式有以下三个：

display:block – 显示为块级元素
display:inline – 显示为内联元素
display:inline-block – inline-block为 CSS 2.1 新增的属性。 inline-block既具有block的宽高特性又具有inline的同行元素特性。 通过inline-block结合text-align: justify 还可以实现固定宽高的列表两端对齐布局
5.
fixed: Fixed定位使元素的位置与文档流无关，因此不占据空间。Fixed定位的元素和其他元素重叠。
6
static 定位 HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。
7
relative定位 相对定位元素的定位是相对其正常位置。移动相对定位元素，但它原本所占的空间不会改变。
8
absolute定位 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于html。 absolute 定位使元素的位置与文档流无关，因此不占据空间。absolute 定位的元素和其他元素重叠。
9
overflow 属性只工作于指定高度的块元素上。
10
浮动的元素不会占据body的的width 与 height（打开调试器的数量上） 但是会占据他的空间。
11
浮动：CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。