css文本属性

一、文本字体大小

属性:font-size
属性值:
    - 文本大小的属性值是常规属性值 需要设置数值加单位(网页中常用的单位是像素px)
    - 在浏览器中字体默认的大小是16px
    - 由于浏览器之间存在差异 设置比12px还小的值在IE浏览器会解析错误 浏览器规定12px是浏览器解析的最小值

二、文本类型设置

属性:font-family
属性值
    - 属性值可以设置中文也可以设置英文
    - 浏览器中默认的字体类型是微软雅黑(商用是要钱的),win系统中文宋体和新宋体,英文arial

三、文本加粗和倾斜

加粗属性:font-weight
属性值
    - 整百数 100~900 100~500表示正常字体 600~900表示加粗字体
    - bold 加粗
    - bolder 更粗的
    - 常用:normal 清除标签的默认加粗样式

倾斜属性: font-style
属性值
    - italic 倾斜 
    - oblique 更倾斜
    - 常用:normal 清除标签的默认倾斜样式

四、文本行高属性

属性:line-height
    - 设置行高和容器高度一样的时候 文本会在垂直方向居中显示
    - 设置行高大于容器高度的时候 文本会在垂直方向向下移动
    - 设置行高小于容器高度的时候 文本会在垂直方向向上移动

五、文本复合属性

属性:font
属性值:font-weight font-style font-size/line-height font-family
    - font-weight和font-style可以互换位置或者是省略
    - font-size和line-height不可以互换位置
    - font-family不管设置或者不设置必须要有

六、文本颜色属性

文本颜色属性 color
属性值
    - 英文单词 green、red、yellow...
    - 十六进制:以#开头 后面是有六位字符 #六位字符 (数字和字母的组合 0~9a~fA~F)
        - 如何从设计图上获取颜色值 通过ps的吸管工具
        - 常见的十六进制 #000 #ffffff #cccccc => 当六位字符相同的时候可以简写成三位
    - rgb(三个参数) 取值范围是0~255之间
    - rgba(red,green,blue,alpha) 透明度 0~1

七、文本水平方向位置

属性:text-align
属性值:
    - left  默认就是在左侧的
    - right
    - center
    - justify 两端对齐 

八、文本修饰属性

属性:text-decoration
属性值
    - underline 文本添加下划线
    - overline 文本添加上划线
    - line-through 添加删除线 del标签
    - none 清除默认标签的下划线

九、首航缩进属性

属性:text-indent
    - 常用的单位是px和em
    - 只针对第一行文本
    - 可以设置正值还可以设置负值(常用)

十、字间距和词间距

字间距 letter-spacing 中文汉字
词间距 word-spacing 英文单词
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值