12.21列表-文本格式化

本文详细介绍了HTML中的三种列表类型:无序列表、有序列表和定义列表的使用方法,以及文本格式化的常见属性,包括单位如px、百分比、em的解释,css颜色表示法,和文字大小的设置。

1 三种列表

1 无序列表 ol li
2 有序列表 ul li
3 定义列表 dl dt dd

无序列表

<ol>
	<li>列表项1</li>				
	<li>列表项2</li>
	<li>列表项3</li>
</ol>

有序列表

<ul>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
</ul>

定义列表

<dl>
	<dt>定义项1</dt>
	<dd>定义描述1</dd>
	<dt>定义项2</dt>
	<dd>定义描述2</dd>
	<dt>定义项3</dt>
	<dd>定义描述3</dd>
</dl>

2 文本格式化

1.px
如果我们将一个图片放大的话,我们会发现一个图片 是有一个一个的小色块构成的,这一个小色块就是一 个像素,也就是1px,对于不同的显示器来说一个像素 的大小是不同的。
2.百分比
也可以使用一个百分数来表示一个大小,百分比是相 对于父元素来说的,如果父元素使用的大小是16px, 则100%就是16px,200%就是32px。
3 em
em和百分比类似,是相对于font-size说的
1em = 1font-size

3 css颜色表示法

css颜色值主要有三种表示方法:

1、颜色名表示,比如:red 红色,gold 金色

2、rgb表示,比如:rgb(255,0,0)表示红色

3、16进制数值表示,比如:#ff0000 表示红色,这种可以简写成 #f00

4 文字大小

1、font-size用来指定文字的大小
2、通过font-family可以指定标签中文字使用 的字体,可以同时指定多个字体

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值