使用CSS属性设置文本样式

文本大小的设置

    1.属性:font-size

    2.属性值:数值加单位(网页中常用的单位像素px)

        - 在浏览器中默认的字体大小是16px

        - 由于浏览器存在差异,官方规定最小的字体只能是12px

        - 除了px单位还有很多其他可用单位

            - pt、em、rem、%、deg、vw、vh、vamx、vmin、rpx

            - em:相对单位,相对有父级元素计算 常用于首行缩进

 字体类型属性

    1.属性:font-family

    2.属性值 (字体名称)

        - 在浏览器中默认的字体类型是微软雅黑(商用收费),win系统默认的是宋体/新宋体

        - 中文属性值:建议加引号(双/单)

        - 英文属性值:当属性值只有一个英文单词的时候可以省略引号,有多个必须添加引号

        - 在使用设置的字体时候需要在本地中有下载字体包

加粗和倾斜的属性

    一.加粗属性

    1.属性:font-weight

    2.属性值

        - 设置100~900之间的整百数(100~500表示正常字体,600~900表示加粗字体)

        - bold/bolder 加粗的/更粗的

        - 重要:normal 清除默认的加粗样式

    二:倾斜属性

    1.属性:font-style

    2.属性值

        - italic(斜体字)

        - oblique(倾斜的文字)

        - 重要:normal 清除默认的倾斜样式

文本对齐方式的设置

一:垂直方向对齐方式

    1.属性:line-height

    2.解释:基线,多行文本之间从第一行顶部到第二行顶部的间距

    3.重点:设置行高和容器高度一样的时候,单行文本就会在垂直方向居中显示

 二:水平方向对齐

    1.属性:text-align

    2.属性值

        - left、right、center

        - justify 两端对齐 (文本溢出时使用)

复合属性写法

    1.属性:font

    2.属性值:font-weight font-style font-size/line-height font-family

        - font-weight font-style 没有需求可以不写并且位置可以互换

        - font-size/line-height 不可以换位置

        - font-family无论是否有需求都必须写

字体颜色

    1.属性:color(不要写成font-color)

    2.属性值:

        - 英文单词、十六进制

        - rgb/rgba(red,green,blue,alpha) 透明度0~1

        - 十六进制透明度 #00000099  取值10~99

        - opacity 0~1

   文本修饰属性

    1.属性:text-decoration

    2.属性值

        - underline 下划线

        - overline 上划线

        - line-through 删除线 del、s

        - 重要:none 清除默认的下划线样式

    首行缩进

    1.属性:text-indent

    2.属性值

        - px、em

        - 首行缩进属性只针对于第一行文本起作用

        - 只能在块级元素中使用(设置宽高大小的盒子)

    中文汉字的间距设置

    1.属性:letter-spacing

    2.属性值: px

     文本溢出属性:overflow: hidden;

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值