首页技术list style有哪些属性 html list-style-type的作用

list style有哪些属性 html list-style-type的作用

编程之家2026-07-031091次浏览

大家好,感谢邀请,今天来为大家分享一下list style有哪些属性的问题,以及和html list-style-type的作用的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!

list style有哪些属性 html list-style-type的作用

CSS选择符的哪些属性可以继承

我觉得你的方向可能错了。

“CSS选择符的哪些属性可以继承?”

我选了几个关键字:CSS选择符、属性、继承,我觉得可能题主是想问的是,CSS的属性那些可以继承。

如果是这样,那参考:

css的继承性是什么?

在面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。

list style有哪些属性 html list-style-type的作用

那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的层面。

css的继承:就是给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。

官方解释,继承是一种规则,它允许样式不仅应用于特定的html标签元素,而且应用于其后代元素。

父元素的属性那些可以被子元素继承,哪些不能呢?

一、无继承性的属性

1、display:规定元素应该生成的框的类型

list style有哪些属性 html list-style-type的作用

2、文本属性:

vertical-align:垂直文本对齐

text-decoration:规定添加到文本的装饰

text-shadow:文本阴影效果

white-space:空白符的处理

unicode-bidi:设置文本的方向

3、盒子模型的属性:width、height、margin、margin-top、margin-right、margin-bottom、margin-left、border、 border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

4、背景属性:background、background-color、background-image、background-repeat、background-position、background-attachment

5、定位属性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6、生成内容属性:content、counter-reset、counter-increment

7、轮廓样式属性:outline-style、outline-width、outline-color、outline

8、页面样式属性:size、page-break-before、page-break-after

9、声音样式属性:pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

二、有继承性的属性

1、字体系列属性

font:组合字体

font-family:规定元素的字体系列

font-weight:设置字体的粗细

font-size:设置字体的尺寸

font-style:定义字体的风格

font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-stretch:对当前的 font-family进行伸缩变形。所有主流浏览器都不支持。

font-size-adjust:为某个元素规定一个 aspect值,这样就可以保持首选字体的 x-height。

2、文本系列属性

text-indent:文本缩进

text-align:文本水平对齐

line-height:行高

word-spacing:增加或减少单词间的空白(即字间隔)

letter-spacing:增加或减少字符间的空白(字符间距)

text-transform:控制文本大小写

direction:规定文本的书写方向

color:文本颜色 a元素除外

3、元素可见性:visibility

4、表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout

5、列表布局属性:list-style-type、list-style-image、list-style-position、list-style

6、生成内容属性:quotes

7、光标属性:cursor

8、页面样式属性:page、page-break-inside、windows、orphans

9、声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、 pitch、pitch-range、stress、richness、、azimuth、elevation

三、所有元素可以继承的属性

1、元素可见性:visibility

2、光标属性:cursor

四、内联元素可以继承的属性

1、字体系列属性

2、除text-indent、text-align之外的文本系列属性

五、块级元素可以继承的属性

1、text-indent、text-align

在DW中list-style-type: none 有什么作用

滑动门永远是新手的目标!而且单纯的DW是做不出这种效果的,必须要有javascript的!

html,body

UL

.ctt

.w936

/*TAB切换效果*/

.tb_

.tb_ ul

.tb_ li

/*用于控制显示与隐藏的css类*/

.normaltab

.hovertab

.dis

.undis

-->

</style>

<script type="text/javascript" language="javascript">

//<!CDATA[

function g(o)

function HoverLi(n){

//如果有N个标签,就将i<=N;

for(var i=1;i<=3;i++)g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';

}

//如果要做成点击后再转到请将<li>中的onmouseover改成onclick;

//]]>

</script>

</head>

<body>

<!--把下面代码加到<body>与</body>之间-->

<div class="w936">

<div id="tb_" class="tb_">

<ul>

<li id="tb_1" class="hovertab" onMouseOver="x:HoverLi(1);">

标题1</li>

<li id="tb_2" class="normaltab" onMouseOver="i:HoverLi(2);">

标题2</li>

<li id="tb_3" class="normaltab" onMouseOver="a:HoverLi(3);">

标题3</li>

</ul>

</div>

<div class="ctt">

<div class="dis" id="tbc_01">内容1</div>

<div class="undis" id="tbc_02">内容2</div>

<div class="undis" id="tbc_03">内容3</div>

</div>

</div>

</div>

如果你觉得内容123用div控制很麻烦的话,你可以用表格。如果你连滑动门的代码都看不懂的话你就不要做滑动门了!

css的属性有哪些

希望能帮到你属性名称

字体属性(Font)

font-family

font-style

font-variant

font-weight

font-size

颜色和背景属性

Color

Background-color

Background-image

Background-repeat

Background-attachment

Background-position

文本属性

Word-spacing

Letter-spacing

Text-decoration

Vertical-align

Text-transform

Text-align

Text-indent

Line-height

边距属性

Margin-top

Margin-right

Margin-bottom

Margin-left

填充距属性

Padding-top

Padding-right

Padding-bottom

Padding-left

边框属性

Border-top-width

Border-right-width

Border-bottom-width

Border-left-width

Border-width

Border-color

Border-style

Border-top

Border-right

Border-bottom

Border-left

Width

Height

Float

Clear

分级属性

Display

White-space

List-style-type

List-style-image

List-style-position

List-style

鼠标(Cursor)属性属性含义

使用什么字体

字体是否斜体

是否用小体大写

字体的粗细

字体的大小

定义前景色

定义背景色

定义背景图案

重复方式

设置滚动

初始位置

单词之间的间距

字母之间的间距

文字的装饰样式

垂直方向的位置

文本转换

对齐方式

首行的缩进方式

文本的行高

顶端边距

右侧边距

底端边距

左侧边距

顶端填充距

右侧填充距

底端填充距

左侧填充距

顶端边框宽度

右侧边框宽度

底端边框宽度

左侧边框宽度

一次定义宽度

设置边框颜色

设置边框样式

一次定义顶端

一次定义右侧

一次定义底端

一次定义左侧

定义宽度属性

定义高度属性

文字环绕

哪一边环绕

定义是否显示

怎样处理空白

加项目编号

加图案

第二行起始位置

一次定义列表

自动

定位“十”字

默认指针

手形

移动

箭头朝右方

箭头朝右上方

箭头朝左上方

箭头朝上方

箭头朝右下方

箭头朝左下方

箭头朝下方

箭头朝左方

文本“I”形

等待

帮助

属性值

所有的字体

Normal、italic、oblique

Normal、small-caps

Normal、bold、bolder、lithter等

Absolute-size、relative-size、length、percentage等

颜色

颜色

路径

Repeat-x、repeat-y、no-repeat

Scroll、Fixed

Percentage、length、top、left、

right、bottom等

Normal<length>

同上

None|underline|overline|line-

through|blink

Baseline|sub|super|top|text-top|middle|bottom|text-bottom|

Capitalize|uppercase|

lowercase|none

Left|right|center|justify

<length>|<percentage>

Normal|<number>|<length>|

<percentage>

Length|percentage|auto

同上

同上

同上

Length|percentage

同上

同上

同上

Thin|medium|thick|length

同上

同上

同上

同上

Color

None|dotted|dash|solid等

Border-top-width|color等

同上

同上

同上

Length|percentage|auto

Length|auto

Left|right|none

Left|right|none|both

Block、inline、list-item、none

Normal、pre、nowrap

Disc、circle、square等

<url>|none

Inside、outside

<keyword>|<position>|<url>

Auto

Crosshair

Default

Hand

Move

e-resize

Ne-resize

Nw-resize

n-resize

Se-resize

Sw-resize

s-resize

w-resize

Text

Wait

Help

关于list style有哪些属性的内容到此结束,希望对大家有所帮助。

正则表达式翻译器(正则表达式 中文)tbody是什么意思 TB是什么意思啊