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则不具有模糊效果。

 

                           

          

 

转载于:https://www.cnblogs.com/weihaixiong/p/8338167.html

你可能感兴趣的:(CSS3文本样式、)