码迷,mamicode.com
首页 > 其他好文 > 详细

文本修饰标签(text-decoration)

时间:2018-04-16 18:37:39      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:没有   缩进   css   宽度   字体大小   link   html5   固定   页面   

水平横线 <hr />

  横线对齐 <hr align=left/right/center />

  横线厚度 <hr size=? /> (以px为单位)

  横线宽度 <hr width=?/% /> (以px或%为单位)

  实心线 <hr noshade /> (没有立体效果)

  以上标签属性[HTML5]不支持,改用CSS修饰:

  {border:0 none;border-top:px solid RGB;}

换行 <br />

  文字部份看齐方式 <br clear="left/right/all" />(与图形合用时)

  不可换行 <nobr></nobr> (不换行)

  可换行处 <wbr> (如果需要,可在此断行)

居中对齐 <center></center> (文字与图片都可以)

鼠标置于上面时显示全部描述 :

       <abbr title="对缩写词的描述文本">缩写词</abbr>  (HTML5支持)

       <acronym title="......">...</acrony>  (HTML5不支持)

字体大小 <font size=""></font>(从1到7,数字越大字体越大)

改变字体大小 <font size="+/- "></font>

基本字体大小 <basefont size="" face="" color="" /> (从1到7,内定为3)

指定字型  <font face="字型名称">………</font>

字体颜色 <font color="rgb"></font>

加粗 <b>….</b>    <strong>...</strong>

斜体 <i>….</i>   <em>...</em>强调   <dfn>...</dfn>定义(有些浏览器不支持)

显示小字体 <small>…………</small>

显示大字体 <big>…………</big>

下划线 <u>….</u>   <ins>...</ins> (表示插入文字)(尚有些浏览器不提供)

删除线 <s>...</s>   <del>...</del>  <strike>….</strike>

下标字 <sub>….</sub>

上标字 <sup>….</sup>

打字机字体 <tt>….</tt> (用单空格字型显示)

固定宽度字体 <xmp>...</xmp>(在文件中空白、换行、定位功能有效)

固定宽度字体 <plaintext>...</plaintext>(不执行标记符号)

固定宽度小字体 <listing>...</listing>

预定格式 <pre></pre> (保留代码页面编写时留下的空格和换行等)

预定格式的宽度 <pre width=?></pre>(以字元计算)

闪烁效果 <blink></blink> (有史以来最被嘲弄的标签)

文本引用效果 <blockquote>文本</blockquote>(转行分离并缩进,适用长句)

      <q>文本</q>(添加双引号,适用短句)

                     <cite></cite> 引文(通常会以斜体显示)

      <code></code> 显示源码之用

      <samp></samp> 样本

      <var></var> 变量

      <kbd></kbd> 键盘输入

      <address></address> 地址域

文本从右向左显示 <bdo dir="rtl">文本</bdo>(默认为从左向右dir="ltr")

文本修饰标签(text-decoration)

标签:没有   缩进   css   宽度   字体大小   link   html5   固定   页面   

原文地址:https://www.cnblogs.com/zhouwanqiu/p/8856698.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!