zoukankan      html  css  js  c++  java
  • css文本属性用法总结

    稍稍总结了下css文本的一些属性用法,自己忘记的时候也可以用来查查,不用去查网站那么麻烦。

    下面是部分总结,也希望对其他人有用

    文本修饰

    (1)text-decoration:  文本修饰(横线)

    4个属性值

    overline   line-through   underline  blink

    (1)overline

    定义文本上的一条横线

    (2)line-through

    这个属性值时最有用的,一般商家降价促销后面的价格会用横线划去表示那是之前的价格

    (3)一般<a>标签会带由unline

    要想去除就要设置text-decoration:none

    (4)blink

    文本闪烁,一般很少使用,只有在canvas中会使用,并且浏览器的支持度不高,只有火狐支持

    另外:

    还可以用text-decoration-color来修饰横线的颜色

    (2)text-transform   字母大小写

    5个属性值

    capitalize   uppercase    lowercase   inhert   none

    (1)capitalize

    首字母大写

    (2)uppercase和lowercase

    大小写

    (3)inhert

    继承父元素的字母属性

    (4)none

    默认,没有任何效果

    (3)text-overflow 定义文本超出范围的修饰

    3个属性

    clip  ellipsis    string

    (1)clip

    修剪文本

    (2)ellipsis

    用省略号来表示超出的文本

    (3)string

    用固定的字符来表示超出的文本

    (4) text-shadow: h-shadow v-shadow blur color   文本阴影效果

    3个属性值

    (1)v-shadow    必需,水平阴影的位置,允许负值

    (2)v-shadow    必需,垂直阴影的位置,允许负值

    (3)blur     可选,模糊的距离

    (4)color   可选,阴影的颜色

    文本布局

    (1)text-indent    文本缩进

    3种属性值

    length    %     inhert

    (1)length

    定义固定缩进,以像素为单位,默认值为0

    (2)%

    以父元素宽度的百分比为长度缩进

    (3)inhert

    继承父元素的缩进

     

    (2)text-align    文本对齐

    5种属性值

    left   center  right  justify  inhert

    (1)left和right

    很少使用

    (2)center

    居中对齐

    经常和line-height:父元素高度  一起使用使文本居中对齐

    如果不添加line-height 属性,文本会偏在父元素的上方

    (3)justify

    文本两端对齐

  • 相关阅读:
    初探linux子系统集之led子系统(一)
    金融大数据分析从认知到实践(第1辑)(套装共3册)
    Blender权威指南
    零基础学Python
    中文版Photoshop CC图像处理与设计
    21天学通C++(第4版)
    Python应用开发实战
    电脑办公实战从入门到精通(超值版)
    Windows 10从新手到高手
    21天学通C语言(第7版)
  • 原文地址:https://www.cnblogs.com/thomson-fred/p/9463768.html
Copyright © 2011-2022 走看看