CSS——文本设置

1. 字体属性

  • 字体类型: font-family: "微软雅黑", "Microsoft Yahei";
    用”,”隔开多个值将会从前往后找,直到找到匹配字体,找不到则为默认字体。如:p { font-family: Helvetica, Sans-Serif; }
  • 字体粗细(字重):font-weight: xx(100~900之间的一个值);
  • 字体大小:font-size: xx px;
  • -

2. 文字属性

  • 对齐方式
    【 text-align: left(左对齐)/right(右对齐)/center(居中)/justify(两段对齐)/inherit (从父元素继承 text-align 属性的值); 】
  • 行高
    【 line-height: 1.3(文字倍数)/ 10px(像素表示); 】
  • 文字装饰
    【 text-decoration: underline(下划线)/overline(上划线)/line-through(删除线)/blink(闪烁文本)/none (无);】
  • 文字缩进
    text-indent:50px

3. display属性

1)显示为块级元素(与母元素同宽,padding填充上下有效
display: block;
2)显示为行内元素(可随别的元素浮动,padding填充上下无效
display: inline;
3)显示为行内块元素(既具有块级元素属性又可浮动
display: inline-block;

4. 文本颜色

  • 十六进制值: #FF0000 ;如:color: #ff0000;
  • 一个RGB值: RGB(255,0,0);如:background: rgb(255,0,0);
  • 颜色的名称: red;如:background-color: red;

5. 文字转换与缩进

  • uppercase 所有大写
  • lowercase 所有小写
  • capitalize 首字母大写

总结

所有可用的CSS文本属性:

  • direction 【设置文本方向】
  • letter-spacing【设置字符间距】
  • text-shadow 【设置文本阴影】
  • text-transform 【控制元素中的字母】
  • unicode-bidi 【设置或返回文本是否被重写 】
  • vertical-align 【设置元素的垂直对齐】
  • white-space 【设置元素中空白的处理方式】
  • word-spacing 【设置字间距】
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值