css文本属性的使用方法

发布时间:2021-01-29 10:55:06 作者:小新
来源:亿速云 阅读:116

这篇文章给大家分享的是有关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:3px lightgreen solid;}

9.css文本属性之空格——white-space
属性值:
  pre;(与预设一样)
 nowrap;(文字不自动换行)
 inherit;(继承父本)
 normal;(显示一个)

p{    white-space: pre;}

10.css文本属性之设置输入法状态-ime-mode
属性值:
auto;默认
active;激活本地语言输入法;
inactive:激活非本地语言输入法;
disabled;禁止输入法,不能输入汉字

感谢各位的阅读!关于“css文本属性的使用方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

推荐阅读:
  1. css 文本属性详细总结
  2. CSS 3 文本属性

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css文本属性

上一篇:如何使用HTML5和CSS3制作简单的钟表

下一篇:css里的padding内边距属性怎么用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》