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

    文本两端对齐

  • 相关阅读:
    前端-【学习心得】-node使用杂谈
    前端-【学习心得】-自己定义一个触摸函数
    前端-【学习心得】-模板渲染的简单方法
    [iOS]NSArray求最大值最小值平均值和的快速方法
    ARC与MRC的混用
    [转]让Xcode的控制台支持LLDB类型的打印
    [iOS]将图片保存到本地相册
    [iOS]深度遍历view的subview
    [转]NSAssert的使用
    [封装]iOS获取设备唯一标识
  • 原文地址:https://www.cnblogs.com/thomson-fred/p/9463768.html
Copyright © 2011-2022 走看看