css文本属性的使用方法-创新互联

这篇文章给大家分享的是有关css文本属性的使用方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联长期为千余家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为千山企业提供专业的网站设计制作、成都网站设计,千山网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

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文本属性的使用方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


新闻名称:css文本属性的使用方法-创新互联
文章源于:http://hbruida.cn/article/dccdgd.html