码迷,mamicode.com
首页 > Web开发 > 详细

HTML文本属性

时间:2019-12-22 09:14:57      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:text   原版   大于   rgb   格式   常用   orm   com   sof   

字体颜色:color 几种表达方式
英文单词 color: red;
十六进制color: #2319dc;
rgb格式 color: rgb(0,0,0);
rgba格式 , a --> alpha 透明度 0-1 ,color: rgba(66,55,211,0.5);
全透明 color: transparent;

    <style>
    h1 {color: red; }
        p {color: rgba(255,255,36,0.5); }
    </style>

技术图片

字体的大小,类型,粗细,倾斜:
font-family字体类型,常用的有"微软雅黑", "microsoft yahei", "宋体" ;
font-size字体大小,单位为像素px;
font-style: italic;字体倾斜;
font-weight:bold;字体加粗;也可以用100-900来调节;
可以简写为font: ;

 <style>
        p {
            /* font-family: "microsoft yahei"; */   
            /* font-size: 12px;
            font-style: italic;
            font-weight: bold; */
            /* 简写 */
            font: normal bold 12px "微软雅黑";
            text-align: justify;
        }
    </style>

技术图片

文字样式元素:
<tt></tt>打字机效果
<i></i>斜体<em></em>斜体,em比i更强调语气
<strong></strong>加粗<b></b>加粗,strong比b更强调语气
<big>大号字体</big>
<small>小号字体</small>

<body>
           原版文字<br>
    <tt>打字机效果</tt><br>
    <i>斜体效果</i><br>
    <em>斜体效果</em><br>
    <strong>加粗效果</strong><br>
    <b>加粗效果</b><br />
    <strong>
        <em>加粗斜体</em>
    </strong><br />
    <big>大号字体</big><br>
    <small>小号字体</small>
</body>

技术图片
特殊符号和注释:
ctrl+/ 快捷注释
多个空格用?
大于号用>小于号用<
引号用"
版权所有?

    <body>
    <p>
        ctrl+/ 快捷注释
    </p>
    <p>
        多个空格用????
    </p>
    <p>
        大于号用>小于号用<
        如<my name is xiaoming>
    </p>
    <p>
        引号用"xiaoming"
    </p>
    <p>
        版权所有?
    </p>
</body>

技术图片
上下标和原样输出:
上标<sup>下标<sub>
原样输出<pre></pre>

    <body>
    <p>
    2<sup>2</sup>+3<sup>3</sup>=31<br />
    水的化学式H<sub>2</sub>O
    </p>
    <p>
        <pre>
            氢氦锂铍硼
            碳氮氧氟氖
            钠镁铝硅磷
            硫氯氩钾钙
        </pre>
    </p>
</body>

技术图片
划线:
<s></s>删除线
<u></u>下划线
<hr><hr />水平线

<body>
    <s>删除线</s>
    <u>下划线</u>
    <hr>水平线<hr />
</body>

技术图片

HTML文本属性

标签:text   原版   大于   rgb   格式   常用   orm   com   sof   

原文地址:https://blog.51cto.com/14648170/2460576

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