CSS定位属性-内边距属性-外边距属性-符号属性

用功分享

已于 2023-04-23 21:48:04 修改

阅读量114

点赞数

分类专栏： CSS 文章标签： css 前端

于 2023-04-23 21:44:03 首次发布

本文链接：https://blog.youkuaiyun.com/hehe1954/article/details/130331364

版权

CSS 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了CSS中的定位属性，包括absolute、relative和static，以及visibility和overflow的使用。同时，讨论了内边距、外边距和边界样式的设定方法，如不同方向的padding和margin。此外，还涵盖了列表样式的多种类型，如number、roman、alpha和各种符号，以及list-style-position的选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定位属性 Position

Position: absolute; relative; static;

visibility: inherit; visible; hidden;

overflow: visible; hidden; scroll; auto;

clip: rect(12px,auto,12px,auto) (裁切)

CSS内边距

padding-top:10px; /上边框留空白/

padding-right:10px; /右边框留空白/

padding-bottom:10px; /下边框留空白/

padding-left:10px; /*左边框留空白

CSS外边距

CSS边界样式：
margin-top:10px; /上边界/

margin-right:10px; /右边界值/

margin-bottom:10px; /下边界值/

margin-left:10px; /左边界值/

CSS符号属性

list-style-type:none; /不编号/

list-style-type:decimal; /阿拉伯数字/

list-style-type:lower-roman; /小写罗马数字/

list-style-type:upper-roman; /大写罗马数字/

list-style-type:lower-alpha; /小写英文字母/

list-style-type:upper-alpha; /大写英文字母/

list-style-type:disc; /实心圆形符号/

list-style-type:circle; /空心圆形符号/

list-style-type:square; /实心方形符号/

list-style-image:url(/dot.gif); /图片式符号/

list-style-position: outside; /凸排/

list-style-position:inside; /缩进/