文本标签
1. <em>和<strong>
- em标签用于表示一段内容中的着重点。
- strong标签用于表示一个内容的重要性。
<p>
<strong>警告:任何情况下不要接近僵尸</strong>
他们只是 <em>看起来</em> 很友好,实际上他们是为了吃你的胳膊!
</p>
2. <samll>
small标签表示细则一类的旁注,通常包括 免责声明、注意事项、法律限制、版权信 息等。
<p><small>©2018北财. 保留所有权利.</small></p>
3. < cite>
cite标签可以指明对某内容的引用或参考。
<p>
<cite>《七龙珠》</cite>讲的是召唤神龙的故事
</p>
4. <blockquote>和<q>
- blockquote和q表示标记引用的文本。
- blockquote用于长引用,q用于短引用。
<div>
子曰:<blockquote>有朋至远方来,不亦说乎!</blockquote>
</div>
<p>
子曰:<q>学而时习之,不亦说乎!</q>
</p>
5.<sup>和<sub>
- sup和sub用于定义上标和下标
<p>2<sup>2</sup></p>
<p> H<sub>2</sub>O</p>
6. <ins>和<del>
- ins表示插入的内容,显示时通常会加上下 划线。
- del表示删除的内容,显示时通常会加上删 除线。
<p>
<del>17.75</del><br>
15.54<br>
</p>
<p>
郭敬明的个头儿真<ins>高啊</ins>!
</p>
7. <code>和<pre>
<pre>
<code>
if(True):
print("hello")
</code>
</pre>
1.有序列表
- 使用ol和li来创建一个有序列表
<ol>
<li>结构</li>
<li>表现</li>
<li>行为</li>
</ol>
2.无序列表
- 使用ul和li来创建一个无序列表
<ul>
<li>西门大官人</li>
<li>柴大官人</li>
<li>武大官人</li>
<li>潘经理</li>
</ul>
3.定义列表
- 使用dl、dd、dt来创建一个定义列表
<dl>
<dt>武松</dt>
<dd>景阳冈打虎英雄,战斗力99999</dd>
<dd>后打死西门庆,投奔梁山</dd>
<dt>武大郎</dt>
<dd>著名餐饮企业家,战斗力0</dd>
</dl>
文本单位
px 百分比 em
颜色
1.颜色的关键字
红色:red
蓝色:blue
绿色:green
2.十六进制颜色
第一组表示红色的浓度,范围00-ff
第二组表示绿色的浓度,范围00-ff
第三组表示蓝色的浓度,范围00-ff
3.RGB值
- RGB(100%,0%,0%)
- RGB(0,255,0)
4.RGBA
表示一个颜色和RGB类似,只不过比
RGB多了一个A(alpha)来表示透明度, 透明度需要一个0-1的值。0表示完全透明,
1表示完全不透明。
- RGBA(255,100,5,0.5)
文字的大小: font-size
字体:font-family
字体分类
1. serif(衬线字体)
2.sans-serif(非衬线字体)
3. monospace (等宽字体)
4. cursive (草书字体)
5.fantasy (虚幻字体)
-- 指定斜体:font-style:italic
-- 指定非斜体:font-style:normal
-- 指定粗体:font-weight:bold
-- 指定非粗体:font-weight:normal
小型大写字母
-- font-variant:small-caps
字体属性的简写
-- font:加粗 斜体 小型大写 大小/行高 字体
注意:前边几个加粗、斜体和小型大写的顺序无所谓,也可以不写,但是大小和字体 必须写且必须写到后两个。