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视频教程
以上就是css文本属性有什么的详细内容,更多请关注其它相关文章!
上一篇: php单例模式如何实现
下一篇: PHP如何解决跨域访问问题?(代码示例)
推荐阅读
-
如何在blur或focusout事件里得到即将得到焦点的元素?另外这两个事件有什么区别?_html/css_WEB-ITnose
-
这两个属性选择器之间,有什么区别呢?_html/css_WEB-ITnose
-
CSS position属性有什么用
-
分享CSS中的关于position:relative;有什么作用?
-
这样路径的css有什么特殊含义_html/css_WEB-ITnose
-
为什么设置的margin-top属性不管用_html/css_WEB-ITnose
-
CSS堆叠上下文是什么?有什么作用?
-
css中利用什么属性控制列表的样式
-
css常用的字体属性有哪些
-
什么是锚文本?锚文本有什么作用?