zoukankan      html  css  js  c++  java
  • CSS3文本样式、

    1.文本样式

      a.字体大小:font-size

      b.字体类型:font-family,先设置英文字体,后设置中文字体,用英文逗号隔开,中文用双引号 》》》》{Times,“楷体”}

      c.字体风格:font-style,包括三种:normal标准字体样式        italic斜体字体样式             oblique倾斜的字体样式

                      italicoblique效果很相似

      d.字体的粗细:font-weight:normal标准的字体

                   bold粗体字体   bolder更粗的字体      lighter更细的字体 

        100、200、300、400、500、600、700、800、900定义由细到粗,400等同于normal,700等同于bold

    2.排版网页文本

      01. text-align设置元素水平对齐, 可以设置文本的左对齐-left,右对齐-right,居中对齐-center,两端对齐-justify

             举例:text-align:right

      02. text-indent设置首行文本的缩进,单位em(中文用得比较多)、px  

            举例:text-indent:2em-----首行缩进两字符

      03. line-height设置文本的行高  

      04. text-decoration设置文本的装饰:none:默认值,定义的标准文本,没有下划线

                        underline设置文本的下划线

                        overline设置文本的上划线

                        line-through设置文本的删除线

      05.vertical-align垂直对齐方式,通常用来设置文本与图片的居中对齐,属性值为middle,还有top、bottom等属性值

      06.text-shadow设置文本阴影text-shadow:color(颜色) x轴位移(x-offset) y轴位移(y-offset)模糊半径(blur-radius) 

                      x轴位移可以是正值也可以是负值。为正值则阴影在对象的右边,负值则在左边

                      y轴位移可以是正值也可以是负值。正值阴影在对象的底部,负值则在顶部

                      模糊半径:只能是正值,为0则不具有模糊效果。

                               

              

  • 相关阅读:
    19牛客暑期多校 round2 H 01矩阵内第二大矩形
    NOIP2017滚粗记
    Left 4 Dead 2(求生之路2) 游戏打不开 游戏闪退 的一种可能性以及解决方法
    Luogu P1156 垃圾陷阱
    Luogu P1376 机器工厂
    Luogu P1842 奶牛玩杂技
    Luogu P1880 石子合并
    Luogu P1441 砝码称重(fj省选)
    Luogu P1077 摆花
    Luogu P1282 多米诺骨牌
  • 原文地址:https://www.cnblogs.com/weihaixiong/p/8338167.html
Copyright © 2011-2022 走看看