如何定义css项目符号与文本之间的距离?

text-top 将元素的顶端与上级元素文字的顶端对齐。text-bottom 将元素的底端与上级元素文字的底端对齐。top 将元素的顶端与该行最高的元素对齐。bottom 将元素的底端与该行最低的元素对齐。text-transform 属性值:capitalize | uppercase | lowercase | none 初始值:nono 适用于:所有元素 继承:是...
如何定义css项目符号与文本之间的距离?
letter-spacing
属性值:normal | <length>
初始值:normal
适用于:所有元素
继承:是
百分比值:不适用
   “letter-spacing”属性定义了每一个字符之间的额外间距,该属性值必须以长度为单位,且正负值都是允许的。
例如下例:
<HTML>
<head>
<title>CSS Demo</title>
<style type="text/css">
<!--
H1{letter-spacing:1em}
P{letter-spacing:-.1em}
-->
</style>
</head>
<body>
<H1>This is wide headline</H1>
<P>This is text with negtive letter-spacing.
</body>
</HTML> text-decoration
属性值:none | [underline || overline || line-through || blink]
初始值:none
适用于:所有元素
继承:否
百分比值:不适用
   这个属性能够定义元素中文字的“装饰”样式,这些样式总共有五种形式。
none 无
underline 下划线
overline 上划线
line-through 删除线
blink 闪烁 vertical-align
属性值:baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage>
初始值:baseline
适用于:行内元素
继承:否
百分比值:参照元素自已的“line-height”值
   “vertical-align”属性定义了一个元素在垂直方向上的位置,这个位置是相对于它上级元素的位置而言的。“vertical-align”的属性值即可以是关键字,也可以是百分比值。
关键字 说明
baseline 将元素的基线与上级元素的基线对齐,如果该元素没有基线,那么取它的底端与上级元素的基线对齐。
middle 将元素的垂直中点与上级元素的垂直中点对齐。
sub 元素下标
super 元素上标
text-top 将元素的顶端与上级元素文字的顶端对齐。
text-bottom 将元素的底端与上级元素文字的底端对齐。
top 将元素的顶端与该行最高的元素对齐。
bottom 将元素的底端与该行最低的元素对齐。
text-transform
属性值:capitalize | uppercase | lowercase | none
初始值:nono
适用于:所有元素
继承:是
百分比值:不适用
   “text-transform”属性能够把文本转换成四种形式: capitalize 文本中每个单词的第一个字母大写
uppercase 文本中所有字都大写
lowercase 文本中所有字都小写
none 使用默认值 text-align
属性值:left | right | center | justify
初始值:由 UA 默认值制定
适用于:块级元素
继承:是
百分比值:不适用
   这个元素决定了文字在元素中的对齐方式,它适用于所有的块元素,它的作用与 HTML 语言里的“ALIGN”属性有些相似。 left 左对齐
right 右对齐
center 文字居中
justify 两端对齐 text-indent
属性值:<length> | <percentage>
初始值:0
适用于:块级元素
继承:是
百分比值:参考上级元素的宽度
   “text-indent”属性适用于块级元素,它能够定义文本首行的缩进方式。 P{text-indent:1cm}
   这种缩进方式叫做“首行缩进”,有些文字每一段的首行都必须缩进两个字的位置,而其他行的左端起始位置不变。 line-height
属性值:normal | <number> | <length> | <percentage>
初始值:normal
适用于:所有元素
继承:是
百分比值:参照元素本身的字体尺寸
   前面讲“font”属性时就可以用到这个属性了,它是用来定义文本行高的。所谓行高,就是相邻两行文字基线之间的距离,该属性的属性值可以使用数字、长度或者百分比值来定义,但是不能用负数。
当使用数字作为属性值时,行高就等于所指定的字号数乘以该数字。
当使用长度值作为属性值时,行高就确切地等于所给出的值。
当使用百分比值作为属性时,行高就等于字号乘以该百分比值。2013-08-23
padding-left上下左右调整下。 background-image:no-repeat 不浮动!2013-08-23
一般CSS不用项目符号的 建议在<li>使用background-image 使用no-repeat 然后在用padding-left调整2013-08-23
mengvlog 阅读 9 次 更新于 2025-07-21 19:23:54 我来答关注问题0
  •  阿暄生活 如何插入项目符号

    1. 打开Word文档并定位 打开Word文档,并将光标定位到需要插入项目符号的位置。2. 选择项目符号 在菜单栏上找到“开始”选项卡,点击“列表”按钮。在下拉菜单中选择“项目符号”,Word将提供多种内置的项目符号样式供选择。3. 自定义项目符号 如果内置的项目符号样式不满足需求,可以点击“定义新项目符号...

  •  瑞物评测室 如何插入项目符号

    1. 打开Word文档,并定位到需要插入项目符号的位置。2. 在菜单栏上找到“开始”选项卡,点击“列表”按钮,在下拉菜单中选择“项目符号”或“编号”。3. 选择合适的项目符号样式。Word提供了多种内置的项目符号样式,如圆点、方块、箭头等。如果内置样式不满足需求,也可以点击“定义新项目符号”进行自...

  •  翡希信息咨询 list-style-type的简介

    一、基本定义 liststyletype属性允许开发者指定列表项前的标记类型。这些标记可以是常见的项目符号,也可以是数字或其他字符。开发者还可以选择不显示任何标记,这是通过CSS来定制和控制列表显示样式的一种重要方式。二、标记类型 disc:列表项前显示一个实心的圆点。circle:列表项前显示一个空心的圆形标记。...

  •  liu19874233 div+css 列表(项目符号图像)与文字 中线对齐

    首先 list-style-image不能设置位置,所以如果要实现你的效果,要把你的项目符号直接做成尺寸刚刚好的,这样个尺寸大小的,但是这样限制性太强,所以还是用背景来做比较方便 background:url("../images/z_zs1.gif") no-repeat 3px 13px;改动里面的px数值,可以上下左右移动背景图标,移动到适合的位置...

  •  阿暄生活 list-style-position定义和用法

    在 CSS 中,list-style-position 属性的作用至关重要,它控制列表项标记(如项目符号或编号)相对于列表内容的位置。这个属性为我们提供了两种不同的放置选项:外部 (outside) 和内部 (inside)。当设置为 "outside" 时,列表项标记会置于列表项内容的边界之外,但具体的与边框的距离在 CSS 规范中并...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部