css两个重要属性的

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

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”的用法介绍。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css两个重要属性的

粉丝

0

关注

0

收藏

0

已有0次打赏