第六章 字体font

本文详细介绍了CSS中用于控制文本样式的各种属性,包括文字颜色、大小、字体效果、水平及垂直位置、缩进、溢出处理等,并提供了实际应用的例子。

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

文本样式修改
    color:文字颜色
        值:英文单词 十六进制颜色值
    font-size:文字大小
        值:px具体像素单位(尽量用偶数位的值)
            %取决于父级元素的字体大小
            em 取决于自己使用字体大小 1em = 元素中文本的1个垂直高度
            rem 取决于根元素的字体大小
    font-family:字体效果(用引号引起来)
    font-style:值:normal 默认值
                  italic 斜体的字体样式
                  oblique倾斜的字体样式
    font-weight:改变字体的粗细
               值:normal 默认值
                  bold 加粗
                  100-900 100是normal 600是bold
    font-variant:改变字母的大型小写样式
                值:norma 默认值
                    small-caps 小型大写字母
    文本的水平位置:text-align
                值:left 默认左上方  center居中 right靠右
    文本的垂直位置:line-height
                值:具体的像素单位 同高度一样时候 文字为垂直居中状态
    text-indent:文本缩进
                值:px 具体的缩进像素
                    em根据作用到自己升上的像素单位计算
                    %根据父元素宽度计算
    text-overflow:文本溢出时的处理方式
                值:clip 修剪文本
                    ellipsis 使用省略号代替
                    使用的三部曲:强制不换行 超出被隐藏 替换
                    强制不换行:white-space:nowrap
                    超出隐藏:overflow:hidden
                    替换:text-overflow:ellipsis
    text-transform:控制文本中的字母
                值:none 默认
                    capitalize:文本中的每个单词以大写字母开头
                    uppercase:转换成大写
                    lowercase:转换成小写
    letter-spacing:控制字母(字)间距
    word-spacing:控制单词的间距
    white-space:换行方式
                值:normal 默认
                    nowrap 文本不会换行 直到遇到</br>标签为止
    word-break:强制换行
                值:normal 默认值
                    break-all 允许在单词内换行
                    keep-all 只能在半角空格或者连字符处换行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值