常用CSS样式属性( 三 ) _生活百科

<ol>、<ul>、<dl>，下面是列表特有的属性。
css属性描述值/示例list-style列表样式，下面三个属性的简写list-style:none;?list-style-type设置ul、ol的列表符号。常用none清除序号实心圆disc、空心圆circle、数字decimal、字母lower-alpha、方块square、汉字数字cjk-decimal?list-style-position序号符号出现的位置inside、outside?list-style-image用图片作为符号url();#ldiv2 ul>li{list-style:none outside url();/* 用背景图实现符号效果 */background: url(../res/sk\ \(17\).png) no-repeat;background-size: 1.3em;background-position: 0 0;padding-left: 1.5em;line-height: 1.8em;}#ldiv2 ol li{list-style-type: lower-alpha;line-height: 1.5em;}

文章插图
其他样式属性描述值/备注overflow溢出方式，元素内容超出盒子大小的处理方式，是overflow-x 和overflow-y的简写属性 visible：可见（默认值），内容会超出本身区域 hidden：内容被裁剪隐藏 scroll：滑动条；auto：自动，超出则滑动条cursor光标类型，默认auto 。链接常用的是pointer（一只手）text（输入）、help（问号）、moveopacity透明度（0-1），对元素整体生效，初始值1opacity: 0.5;appearance元素的默认样式（可设为none，消除默认外观）配合outline清除浏览器默认的元素样式outline外框，不占据空间，绘制于元素内容周围，同border多用outline:none;清除默认边框，如<input>box-shadow元素阴影，五个值：X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径、颜色box-shadow: 10px 5px 5px 2px black;object-fit<img> 、 <video>的内容布局缩放方式，常用于图片的缩放。属性值同background-positioncover：等比缩放填满区域，图片可能显示不全contain：等比缩放完全显示，区域可能覆盖不全clip-path裁剪元素，被裁剪部分隐藏。支持多种裁剪方法，支持路径数据pathclip-path: circle(50%)direction设置文本、表列水平排列的方向。ltr 从左到右， rtl 从右到左all将除了 unicode-bidi 与 direction 之外的所有属性重设至其初始值，或继承值。.class{ all: unset; }filter对元素进行多种滤镜：灰度、模糊、亮度、饱和度、色调、反色等filter: blur(5px);模糊filter: grayscale(100%); 纪念日黑白灰度mask遮罩/蒙版，用来给元素实现各种遮罩、裁剪效果-webkit-mask: url('/res/qq-128.png');会被隐式继承的样式文字类的样式大多支持默认继承。
属性描述文字相关属性color字体颜色font字体font相关的样式，包括font-family、font-size、font-weight、font-style等text-indent文本缩进，块级元素继承line-height行高text-align水平行内元素居中word-spacing字间距属性，以及letter-spacingtext-shadow文字阴影text-transform控制文本的大小写其他visibility元素可见性，可以隐藏元素而不影响布局cursor光标样式