HTML与CSS的学习笔记 列表 内边距 外边距 边框 盒子模型 文本修饰,字母,单词的间距,字体的分类

这篇博客详细介绍了HTML中的列表类型,包括无序列表、有序列表和定义列表的创建与样式调整。接着,讨论了CSS中的文本格式化,如颜色单位、字体设置和文本修饰。此外,还深入讲解了盒子模型,包括内容区、内边距、边框和外边距的设置,以及如何避免垂直外边距重叠的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

列表
1.无序列表
2.有序列表
3.自定义列表
无序列表
使用ul标签来创建一个无序列表,使用li在ul中创建列表项
通过type属性可以修改无序列表的项目符号:
disc默认值,实心的圆点
square实心的方块
circle空心的圆
默认的项目符号我们一般都不使用
去掉项目符号
ul{
list-style:none;
}
如果需要设置项目的符号,则可以采用为li设置背景图片的方式来设置,
ul和li都是块元素
有序列表和无序列表类似,只不过使用ol来代替ul
type属性可以指定序号的类型
可选值:1.默认值,使用阿拉伯数字,a/A采用大写或是小写字母作为序号
i/I采用小写或大写的罗马数字作为序号
ol也是块元素
列表之间都是可以互相嵌套的,可以在无序列表中放一个有序列表,也可以在有序列表中放一个无序列表。
dl来创建一个定义列表
dt被定义的内容
dd对定义的内容进行描述
同样dl和ul和ol都可以互相嵌套
文本格式化
长度单位:px像素 像素是我们在网页中使用最多的一个单位
一个像素就相当于我们屏幕中的一个小点,我们的屏幕实际上就是由这些像素点构成的。
但是这些像素点,是不能直接看见ÿ

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值