HTML5(CSS⽂本外观属性)1.color:⽂本颜⾊
⽤于定义⽂本的颜⾊,取值⽅式三种:
1. 预定义的颜⾊值,如:red、green、blue等。
2. ⼗六进制,如#FF0000、#FF6600、#29D794等,最常⽤。
3. RGB代码,如红⾊rgb(255,0,0)或rgb(100%,0%,0%)。
2.letter-spacing:字间距
⽤于定义字间距,允许为负,默认为normal。
3.Word-spacing:单词间距
⽤于定义英⽂单词之间的间距,对中⽂符⽆效。允许为负,默认为normal。
4.line-height:⾏间距
⽤于设置⾏间距,即字符间垂直距离。⼀般称⾏⾼。
<-transform:⽂本转换
⽤于控制英⽂字符的⼤⼩写:
none:不转换。
capitalize:⾸字母⼤写。
uppercase:全部字符转换为⼤写。
lowercase:全部转换为⼩写。
<-decoration:⽂本装饰
⽤于设置⽂本的下划线,上划线、删除线等装饰效果:
none:没装饰
underline:下划线
overline:上划线
line-through:删除线
可设置多个值,添加多个效果。
<-align:⽔平对齐⽅式
⽤于设置⽂本内容的⽔平对齐,属性如下:
left:左对齐
right:右对齐
center:居中对齐
<-indent:⾸⾏缩进
⽤于定义⾸⾏⽂本缩进 建议使⽤em为单位。
9.white-space:空⽩符处理
属性:
normal:常规,⽂本中空格,空⾏⽆效满⾏⾃动换⾏
pre:预格式化 ,按⽂档的书写格式保留空⾏空格原样显⽰
nowrap:空格空⾏⽆效,强制⽂本不换⾏,除⾮有<br/>,即使超出元素边界也不换⾏。
<-shadow:阴影效果
⽤于为页⾯⽂本添加阴影效果。语法如下:
选择器{text-shadow:h-shadow v-shadow blur color;}
h-shadow⽤于设置⽔平阴影距离,v-shadow⽤于设置垂直阴影的距离,blur⽤于设置模糊半径,color⽤于设置阴影颜⾊。
<-overflow:标⽰对象内溢出⽂本,属性如下:
clip:修建溢出⽂本,不显⽰省略标签“...”。
ellipsis:⽤省略标签“...”代替被修剪⽂本,省略标签插⼊的位置是最后⼀个字符。-
12.Word-wrap属性
⽤于实现长单词和URL地址的⾃动换⾏,其语法:
选择器{Word—wrap:属性值;}
text align center属性:
normal:只在允许的断字点换⾏(浏览器保持默认处理)
break-Word:在长单词或URL地址内部进⾏换⾏
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论