HTML与CSS的段落换行和列表

348 阅读1分钟

段落和换行

段落

标签定义段落。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

​ 理解:语文课本中各个段落之间会有大的空隙。

<p></p>

常用属性

属性描述
alignleft、right、center、justify规定段落中文本的对齐方式,以后可以用样式取代它
换行

​ br标签为换行符号,<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。

​ 注意:<br> 标签只是简单地开始新的一行,而当浏览器遇到

标签时,通常会在相邻的段落之间插入一些垂直的间距。请使用 <br> 来输入空行,而不是分割段落。

<br/>

列表

无序列表
由<ul></ul>和<li></li>标签组成。
<ul>
	<li></li>
	<li></li>
	......
</ul>

<ul>
	<li>好好学习</li>
	<li>天天向上</li>
</ul>

常用属性

属性描述
typedisc
circle
square
规定列表的项目符号类型。可以使用样式取代。
dise:实心圆(默认)
circle:空心圆
square:方块
有序列表

​ 由

  1. 标签组成。

    <ol>
    	<li></li>
    	<li></li>
    	......
    </ol>
    
    <ol>
    	<li>好好学习</li>
    	<li>天天向上</li>
    </ol>
    

    常用属性

    属性描述
    type1
    a
    A
    i
    I
    规定在列表中使用的标记类型。
    1:用数字形式表示序号(默认)
    a:用小写字母表示序号
    A:用大写字母表示序号
    i:用小写罗马数字表示序号
    I(大写i):用大写罗马数字表示序号