Webq前端-HeadFirst-笔记-CH8-字体大小/色彩/装饰/粗细

本文详细介绍了CSS中字体大小、字体粗细、字体风格的设置方法,以及Web颜色的多种表示方式。针对不同的需求,提供了关键字、百分比、像素等单位的应用场景,并探讨了这些属性如何影响页面布局及响应式设计。

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

字体大小

  1. px指定:字母的高度
  2. %百分比指定:Ⅰ相对于默认字体大小的比例 Ⅱ相对于父元素大小的比例
  3. em:比例指定。
  4. 关键字指定:xx-small  x-small small  medium  large x-large xx-large
  • 采用关键字指定body字体大小,其他用相对比例指定,更加有利于页面缩放
  • IE不支持px指定字体的缩放。

字体粗细

font-weight: 

  • normal
  • bold
  • normaler(少用)
  • bolder(少用)
  • n*100(少用)

字体风格

font-style:

  • italic:不同折别/浏览器,无法控制室显示为斜体还是倾斜,多采用此种。
  • oblique
  • 与<em>区别,<em>是html标签,表示内容需要强调,不一定为斜体。

Web颜色

  • rgb(%,%,%)      红绿蓝比例
  • rgb(1-255,1-255,1-255)   红绿蓝数值
  • #FFFFFF-#000000        红绿蓝十六进制码
  • color:元素的前景色,包括字体与边框
  • border-color:边框色

text-decoration:

line-throughCSS中可指定删除线,在html中使用<del>配合说明内容结构。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值