[分享]css两个重要属性的

CSS（Cascading Style Sheets）是一种用于设计网页样式的语言。其中，两个重要的属性分别是“display”和“”。 display “display”属性用于指定元素的显示方...

CSS（Cascading Style Sheets）是一种用于设计网页样式的语言。其中，两个重要的属性分别是“display”和“position”。

 display 

“display”属性用于指定元素的显示方式。具体取值有以下常见的几种：

1. block：元素以块级方式呈现。常用于页面布局及大部分HTML元素（例如：段落、标题、表格）。

2. inline：元素以行内方式呈现。常用于文本、超链接、图片、input标签等。

3. inline-block：元素以行内块级方式呈现。可以设置宽高，且多个元素可以在同一行显示。

4. none：元素不显示，常用于动态隐藏元素或创建列表结构。

 position 

“position”属性用于指定元素的定位方式。具体取值有以下几种：

1. static：元素默认定位方式，按照正常的文档流排列。

2. relative：元素相对于其原来的位置进行定位，所以在网页布局上不会脱离文档流。可以使用“top”、“left”、“bottom”、“right”属性进行微调。

3. absolute：元素脱离文档流，相对于父元素的位置进行定位。如果没有父元素，则相对于最靠近的祖先元素进行定位。可使用“top”、“left”、“bottom”、“right”属性进行微调。

4. fixed：元素脱离文档流，以浏览器窗口为参考点进行定位。可使用“top”、“left”、“bottom”、“right”属性进行微调。

以上是CSS中两个重要属性“display”和“position”的用法介绍。