11.HTML中CSS字体、文本、列表属性

字体属性:

        CSS的字体属性用于定义字体类型、字号、大小以及字体是否加粗等。

属性含义举例
font

设置字体的所有样式属性

font:bold 12px 楷体
font-family字体的类型(楷体、宋体、黑体等)font-family:楷体
font-size字体的大小font-size:12px
font-weight字体的粗细

font-weight:bold

bold 粗

bolder 更粗

normal正常(默认)

lighter更细

color字体颜色

color:#FFAAAA

(颜色取值可以为颜色的英文单词,也可采用#000000~#FFFFFF之间的十六进制值)


文本属性:

        文本属性用于定义文本的外观,包括字体颜色、行高、对齐方式以及字符间距等。

属性含义应用场景
line-height设置行高(即行间距)布局多行文本
text-align设置对齐方式,取值为left、right、center各种元素对齐
letter-spacing设置字符间距加大字符间距
text-decoration设置文本修饰,常用的取值为underline(下划线)、none(无)加下划线、中划线等

列表属性:

        列表的属性主要用于设置列表项的样式

属性说明示例
list-style-type

用于设定列表项的符号

none(无)

disc(实心圆)

circle(空心圆)

square(实心方块)

list-style-type:none;
list-style-image用于设定图像作为列表项目符号,其值为图像对应的urlst-style-image:url(图片路径);
list-style-position

用预设定项目符号在列表项的位置

inside(里面的)

outside(外面的)(默认)

list-style-position:inside;
list-style

复合属性,次序为

list-style:符号 位置 图片;

list-style:none inside url(图片路径);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值