HTML文本属性

发布时间：2020-07-19 08:30:27 作者：孙翰
来源：网络阅读：169

字体颜色：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>
    h2 {color: red; }
        p {color: rgba(255,255,36,0.5); }
    </style>

HTML文本属性

字体的大小，类型，粗细，倾斜：
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>

HTML文本属性

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

<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>

HTML文本属性
特殊符号和注释：
ctrl+/ 快捷注释
多个空格用
大于号用>小于号用<
引号用"
版权所有©

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

HTML文本属性
上下标和原样输出：
上标下标
原样输出<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>

HTML文本属性
划线：
<s></s>删除线
下划线
<hr><hr />水平线

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

HTML文本属性

HTML文本属性

相关阅读