标签：常用 -- text height line font 属性

 

text常用属性

text-decoration--装饰线作用

当我们元素是a元素时，发现对应的文字信息时带着一条线的，text-decoratin就是用来编辑这条线，分别时none去掉。line-through穿过2个常用属性

text-decoration--装饰线属性值none--代码

 

 

 

text-decoration--装饰线属性值none--效果图

 

 

 

 

发现最下面的线已经去掉了

text-decoration--装饰线属性值line-through--代码

 

 

 

text-decoration--装饰线属性值line-through--效果图

 

 

 

text-align--位置--代码1

 

 

 

text-align--位置--效果图

 

 

text-align--位置--代码2

 

 

 

 

text-align--位置--效果图2

 

 

text-align--位置--解释

发现我们可以通过设置text-align属性的值（center，left，right）来控制对应内部元素处于父级元素的位置（注意只可以是行内元素，块级元素需要改变display属性为inline-level才可以）

 

font常用属性

font-size（字体大小）

font-family（字体类型如宋体，黑体，网络体...）

line-height（行高）

是指2行之间的距离

line-height代码

 

 

line-height效果图

 

 

line-height作用

发现line-height=高度时，那么对应位置处于中间高度的位置--可以设置高度居中

font缩写属性

  [ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-stretch-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]  |

 

font缩写属性--代码

 

 

font缩写属性--效果图

 

 

font缩写属性--解释

font属性很多如font-style ，font-weight，font-size，line-height，font-family...如果一个一个来写就很麻烦，那么我们可以用font来表示所有的属性
并且是有一定的要求的即Font-size，和font-family必须写。并且顺序固定必须先写size再写family。如果要line-height必须用font-size/line-height来写。剩下的则没有要求

标签：常用,--,text,height,line,font,属性
来源： https://www.cnblogs.com/lhTest/p/16463665.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。