css文本属性有什么作用 css文本属性有什么

css文本属性有什么作用 css文本属性有什么

css文本属性有什么作用

css文本属性：1、margin段落间距；2、【text-align】文本居中；3、【text-indent】段落缩进；4、【text-decoration】设置文字装饰效果；5、【line-height】设设置段落行高。

本教程操作环境：windows10系统、css3版，DELL G3电脑，该方法适用于所有品牌电脑。

css文本属性：

1、css文本属性之文本中大小写字母转换—text-transform

　　属性值：

• 　　uppercase;(全部大写)

• 　　lowercase;（全部小写）

• 　　capitalize；（在所有小写单词中，首字母大写）

　　p{text-transform:uppercase;}

2、css文本属性之文本居中——text-align

　　属性值：

• 　　center;(居中)

• 　　left;(左边对齐)

• 　　right（右边对齐）

　　p{text-align:center;}

3、css文本属性之段落缩进—–text-indent

　　em(是以字为单位)，±都可以

　　p{text-indent:3em;}

4、css文本属性之设置文字装饰效果——text-decoration

　　属性值：

• 　　none(去掉下划线)

• 　　underline(加下划线)

• 　　overline(加上划线)

• 　　line-through(加删除线)

　　a{text-decoration:none;}

5、css文本属性之设置段落行高—-line-height

　　属性值：百分比，px,数字

　　a{line-height:13px;}

6、css文本属性之设置字词间距

　　word-spacing(只对英文有用)

　　letter-spacing（汉字和英文都可以）

　　p{letter-spacing:16px;}

7、css文本属性之段落间距-margin

　　p{margin:66px;}

8、css文本属性之边框——border

　　属性值有三个：大小，颜色，样式；

　　边框样式有：solid(实线)，dashed(虚线)，dotted(点线)

　　p{border:3pxlightgreensolid;}

9、css文本属性之空格——white-space

　　属性值：

• 　　pre;(与预设一样)

• 　　nowrap；（文字不自动换行）

• 　　inherit;(继承父本)

• 　　normal;(显示一个)

　　p{white-space:pre;}

10、css文本属性之设置输入法状态-ime-mode

　　属性值：

• 　　auto;默认

• 　　active;激活本地语言输入法；

• 　　inactive:激活非本地语言输入法；

• 　　disabled;禁止输入法，不能输入汉字

推荐（免费）：css视频教程

作者：coldplay.xixi