css 列表属性详细总结

列表类型（list-style-type）

要影响列表的样式，最简单（同时支持最充分）的办法就是改变其标志类型。

在一个无序列表中，列表项的标志 (marker) 是出现在各列表项旁边的圆点。

在有序列表中，标志可能是字母、数字或另外某种计数体系中的一个符号。

属性值有以下：

list-style-type：none无标记

list-style-type：disc默认，标记是实心圆

list-style-type：circle 空心圆

list-style-type：square实心方块

list-style-type：decimal标记是数字

list-style-type：

时间： 2024-10-10 10:37:11

css 列表属性详细总结的相关文章

CSS列表属性

CSS列表: 属性描述 list-style 简写属性.用于把所有用于列表的属性设置于一个声明中. list-style-image 将图象设置为列表项标志. list-style-position 设置列表中列表项标志的位置. list-style-type 设置列表项标志的类型. marker-offset 1. 列表类型:list-style-type属性 (1)作用:修改用于列表项的标志类型: (2)可能的值: 值描述 none 无标记. disc 默认.标记是实心圆. circle

css 文本属性详细总结

CSS 文本属性可定义文本的外观. 通过文本属性,您可以改变文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等. 1,text-align 横向排列,也就是水平对齐它会影响一个元素中的文本行互相之间的对齐方式属性值有:left(默认),center,right p{ text-align:right } text-align:center 与 <CENTER> 您可能会认为 text-align:center 与 <CENTER> 元素的作用一样,但实际上二者大不相

css列表属性与display属性

list-style:none 内联标签不能设宽高 display:"inline-block" 有内联标签不独占一行的属性和块级标签可设宽高的属性 display:none 不显示,位置也没了 display是显示.展示的意思 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</

css 颜色属性详细总结

color 属性定义文本的颜色: color :green; color:#ff6600; 简写式: color:#f60 红(R),绿(G),蓝(B)每个的取值范围0-255 color:rgb(255,255,255) RGBA 分别代表 red 红色 ,green 绿色, Blue 蓝色,Alpha的(色彩进空间)透明 color: rgba(255,255,255,1) css颜色对照编码连接: http://www.360doc.com/content/14/0924/20/108

css边框属性详细总结

元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线. 边框的样式 (border-style) 样式是边框最重要的一个方面,这不是因为样式控制着边框的显示(当然,样式确实控制着边框的显示),而是因为如果没有样式,将根本没有边框. a,css 边框样式分为10种不同的非inherit样式:如下: 统一风格 1,none 无边框 2,solid 直线边框 3,dashed 虚线边框 4,dotted 点状边框 5,double 双虚线边框 6,groov

css 字体属性详细总结

1,font-size属性设置字体的大小声明: 有能力管理文本的大小在 web 设计领域很重要.但是,您不应当通过调整文本大小使段落看上去像标题,或者使标题看上去像段落. 请始终使用正确的 HTML 标题,比如使用 <h1> - <h6> 来标记标题,使用 <p> 来标记段落. 使用像素来设置字体大小 (px) 通过像素设置文本大小,可以对文本大小进行完全控制: h1 {font-size:60px;} 使用百分比设置字体大小 (%) 父元素的百分比 body{ fo

css 背静属性详细总结

1,背景颜色background-color background-color 不能继承,其默认值是 transparent.transparent 有"透明"之意.也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见. p { background-color: gray; 和普通颜色设置是一样的 } 2.背景的图片background-img background-image: url(图片的路径); background-image: none

CSS 列表样式详解

CSS列表用于前端的列表排列. CSS列表属性作用如下: 设置不同的列表项标记为有序列表设置不同的列表项标记为无序列表设置列表项标记为图像列表在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点.小方框等) 有序列表 - 列表项的标记有数字或字母 list-style-type:设置列表标志类型. 1:无序列表实例 ul.a {list-style-type:circle;} ul.b {list-style-type:square;} <p>无序列表实例:&

[转]图解CSS的padding,margin,border属性(详细介绍及举例说明)

图解CSS的padding,margin,border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).边框距(padding).边界(border)和边距(margin). 对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响