前端三件套之css(3) 文本列表属性

目录

文本属性

1：基础设置

2：设置行宽高对齐

​3：设置字词间距

列表属性

更改标识符样式

---

文本属性

1：基础设置

直接如图所示

2：设置行宽高对齐

字体是默认左上角对齐的，所有想要右对齐，居中对齐，下对齐。就要打css代码来修改

文字垂直对齐还可以打这个代码。

vertical-align: bottom;
/*bottom  middle top...*/

当然，图片也可以设置居中对齐，但是要注意，图片对齐处理实际上还是对容器进行处理

至于图片目前只有现成的水平居中，垂直居中没有现成的。

接下来观察两组对比图 

 

但是，对于图片后的字体修改（这里注意以下，图片后的字体，如果没有标签括起来，那就默认属于img标签）直接看图

 3：设置字词间距

列表属性

更改标识符样式

我们之前学html的时候，有一个这种代码更改有序列表的标识符

<ol type="A"></ol> 

 这是行内修改方式，但是可以发现，在html上只有简单的两三种样式。

然而，用css修改可不止这两三种。

css修改的代码是

ul > li {
    list-style-type: circle;
}

就可以把ul无序列表标识符改成空心圆

甚至更绝的，你还可以把ul定义的无序列表改成有序列表，ol定义的有序列表改成无序列表