CSS(Cascading Style Sheets)是一种用于设计网页样式的语言。其中,两个重要的属性分别是“display”和“position”。 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”的用法介绍。
粉丝
0
关注
0
收藏
0