今天给各位分享深度解析:文本特征与应用领域的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
文本缩进: 3em; /*相对于字体大小*/
文本缩进: 10%; /*相对于包含块元素的宽度*/
text-indent: 10px;/*绝对长度*/
水平对齐
text-align 应用元素:块级元素继承:继承值:left |对|中心|证明|继承
不影响元素的对齐,只影响内部元素p{
文本对齐: 左; (默认)
文本对齐:居中;
}
垂直对齐
行高
line-height 应用元素: 所有元素继承类型: 继承值: Percent - 相对于元素的字体大小,长度值** 行中定义了以下行: Paste_Image.pngdiv{
字体大小: 10px;
行高:1em;
}
p{
字体大小: 18px;
}Paste_Image.png 由于行高可以继承,因此段落行高小于字体高度。
当父元素的line-height指定值为数值时,所有子元素的line-height都会根据自己的font-size设置。
垂直对齐文本
vertical-align应用元素:内联元素和表单单元继承:无继承值:百分比-相对于元素line-height值、长度值基线对齐:内联元素基线或替换元素的底端和父元素基线对齐sub super 下标superscript:相对于父元素的基线向下/向上有一个小的偏移,便宜的距离由浏览器决定。 topalignment:元素的底部与父元素对齐。元素的行高与底部对齐,元素的顶部与父元素行高的顶部对齐。 Centered:行内元素的中点与父元素基线上方0.5ex的点对齐,可以认为是中心线对齐。百分比:元素的基线相对于父元素的基线升高或降低指定的高度,指定的百分比相对于元素的长度值line-height:元素升高或降低指定的长度相对于父元素基线的值。例如:vertical-align:5px;所有垂直对齐的元素都会影响父元素的行高,行框要足够包含最高行内框的顶端与最低行内框的底端
字间隔和字符间隔
字间隔
字间距应用程序元素:所有元素继承:继承- 值:长度值
字符间隔
字母间距应用程序元素:所有元素继承:继承值:长度值
文本转换
文本转换应用程序元素:所有元素继承:继承值:大写|小写|大写|无|继承
文本装饰
文本装饰应用元素:所有元素继承:不继承值:无|下一篇:上划线|直通|眨眼|继承
文本阴影
text-shadow应用元素:所有元素继承:不继承p{
文本阴影: 绿色.4em 5px 10px;
【深度解析:文本特征与应用领域】相关文章:
用户评论
这篇文章讲的是文字本身的特点吗?
有14位网友表示赞同!
学习一下文本属性能让我更好的理解网页代码吧。
有9位网友表示赞同!
想知道什么样的信息会算作文本属性?
有12位网友表示赞同!
做网站设计有时候需要用到文本属性,希望这篇文章可以给我一些启发。
有18位网友表示赞同!
文章讲的比较浅显实用吗?对初学者友好吗?
有10位网友表示赞同!
文本属性在编程中有哪些应用场景呢?
有16位网友表示赞同!
我觉得文本格式和排版很重要啊
有5位网友表示赞同!
这篇文章会介绍不同语言的文本属性规范吗?
有12位网友表示赞同!
希望能详细介绍不同类型的文本属性,方便我理解。
有6位网友表示赞同!
有没有一些实用的案例分析可以跟着学?
有6位网友表示赞同!
文本属性能让我写出更生动的文字吗?
有18位网友表示赞同!
学习文本属性对写作有什么好处呢?
有8位网友表示赞同!
文本属性对搜索引擎优化有影响吗?
有18位网友表示赞同!
这篇文章适合什么类型的读者呢?
有9位网友表示赞同!
感觉标题好抽象,希望能介绍清楚些
有9位网友表示赞同!
我希望了解一下文本属性的分类和应用。
有9位网友表示赞同!
这个主题对我很有帮助!期待学习新鲜知识。
有15位网友表示赞同!
这篇文章能让我更好地掌握网页开发技能吗?
有13位网友表示赞同!
我想了解使用文本属性可以实现哪些特效?
有11位网友表示赞同!
期待看到一些具体的代码示例来讲解文本属性的运用吧!
有17位网友表示赞同!