css文本样式1

css:文本样式
text-align 设置文本的水平对齐方式

text-decoration设置文本的修饰方式
text-indent 设置文本的首行缩进

text-transform设置文本的转换(针对英文)
text-shadow设置文本的阴影效果 

text-align
属性说明
》text-align必须用于块状元素,如<p>,<div>.定义内部文本及内联元素如何横向对齐

》默认值是start,取决于html文档的direction属性设置(默认都是从左至右,所以等同于left)
text-decoration

属性说明:
》主要用来对文本添加线条修饰。

none  无修饰 默认效果
underline:下划线修饰(超级链接默认效果)

line-through 删除线
overline 上划线(基本上不用)

text-indent
用于块状元素  首行缩进的效果

和font-size属性一样对于首行缩进,你也可以用px,em或者%
以元素本身字体尺寸为参考基数 中文网页中段落首行缩进通常是2个文字的距离  

p{text-indent:2*字的像素/2em};
可以使用负值,产生一些特殊的效果,如“悬挂缩进”。

text-transform:
针对英文来的  变大小写

text-shadow:
.属性说明:

》text-shadow用来设置文本的阴影效果,是css3的新增属性

》实现一种阴影效果需要设定一组值而非一个值,并按照顺序来书写值
》可以通过添加多组来设定多重阴影,达到特殊效果,多组值之间用逗号隔开

text-shadow:水平偏移 垂直效果 模糊效果 颜色;
模糊效果不能为负值  颜色默认为字体颜色
两组值  text-shadow:2px 2px 0 white,3px 3px 0 black;


猜你喜欢

转载自blog.csdn.net/bai_guo/article/details/80215591