css(六):列表属性(修饰html的列表样式(ol、ul、dl))、display属性(重)、word-spacing属性

html的列表标签:https://blog.csdn.net/ak739105231/article/details/91381288

一、列表属性(对html列表标签的修饰)

主要是通过list-style来实现;样式比较多,下面简单举例;(若这里list-style没有截图,见有道云笔记,包含截图)

list-style: square; 
list-style: lower-alpha;
list-style: none;
list-style: circle;
list-style: 还有很多……

二、display属性

display属性主要是使块级标签与内联标签之间都可以设置大小,也不独占一行……

display:block    /*让内联标签有块级标签的特性,即:独占一行,可设置大小*/

display:inline-block    /*让内联标签有块级标签的特性且有内联标签自己的特性,即:不独占一行,也可设置大小*/

display:inline    /*让块级标签有内联标签的特性,即:不独占一行,可设置大小*/

display:none    /*让元素不显示,且位置都被挤掉*/【这点配合JS,可以实现一个页面一开始没有显示一个元素,你点击一个按钮后,显示了这个元素;】

css(六):列表属性(修饰html的列表样式(ol、ul、dl))、display属性(重)、word-spacing属性_第1张图片

补充:

标签与标签的举例设置:word-spacing:来设置;设置之前,两个元素显示有一定的举例的;现在要去除举例;要他们紧挨着显示

css(六):列表属性(修饰html的列表样式(ol、ul、dl))、display属性(重)、word-spacing属性_第2张图片

如下修改:

css(六):列表属性(修饰html的列表样式(ol、ul、dl))、display属性(重)、word-spacing属性_第3张图片

设置之后的结果:

css(六):列表属性(修饰html的列表样式(ol、ul、dl))、display属性(重)、word-spacing属性_第4张图片

你可能感兴趣的:(#,css)