文本标签&样式
有语意
em标签用于表示一段内容中的着重点。(斜体)
strong标签用于表示一个内容的重要性。(粗体)
<em>em标签</em>
<strong>strong标签</strong>
没有语意
(和em、strong 相似)
i 标签会使文字变成斜体。
b 标签会使文字变成粗体。
<i>i标签</i>
<b>b标签</b>
small标签会显示一个比父元素小的字号
<small>small标签通常包括 免责声明、注意事项、法律限制、版权信 息等。</small>
cite标签可以指明对某内容的引用或参考
<cite>《七龙珠》</cite>讲的是召唤神龙的故事。
blockquote和q表示标记引用的文本。
blockquote用于长引用,q用于短引用
sup:上标主要用于表示类似于103中的3。
sub:下标则用于表示类似余H2O中的2。
ins表示插入的内容,显示时通常会加上下 划线。
del表示删除的内容,显示时通常会加上删 除线。
pre元素表示的是预格式化文本,可以使用pre包住code来表示一段代码
<pre>
<code>
print("hello Word!")
</code>
</pre>
列表
无序列表 ul li
有序列表 ol li
定义列表 dl dt dd
<ul>
<li>西门庆</li>
<li>武大郎</li>
<li>潘金莲</li>
</ul>
<ol>
<li>结构</li>
<li>表现</li>
<li>行为</li>
</ol>
<p>菜谱</p>
<ul>
<li>铁锅炖自己</li>
<ol>
<li>
麻辣
</li>
</ol>
<li>铁锅炖自己</li>
<li>铁锅炖自己</li>
<li>铁锅炖自己</li>
</ul>
<dl>
<dt>武松</dt>
<dd>打虎,瞎几把打</dd>
<dd>沙包大的小圈圈锤你胸口</dd>
<dt>武大郎</dt>
<dd>凉凉</dd>
单位
px
一 个像素,也就是1px,对于不同的显示器来说一个像素 的大小是不同的。
百分比
百分比是相 对于父元素来说的,如果父元素使用的大小是16px, 则100%就是16px,200%就是32px。
em
em和百分比类似,是相对于font-size说的1em = 1font-size
文字大小&样式
font-size用来指定文字的大小。
font-style用来指定文本的斜体
指定斜体:font-style:italic
指定非斜体:font-style:normal
font-weight用来指定文本的粗体。
指定粗体:font-weight:bold
指定非粗体:font-weight:normal
通过font-family可以同时指定多个字体。
例如:
p{font-family:Arial , Helvetica , sans-serif}
字体分类
serif(衬线字体)
sans-serif(非衬线字体)
monospace (等宽字体)
cursive (草书字体)
fantasy (虚幻字体)
对齐文本&行间距
text-align用于设置文本的对齐方式。
left:左对齐
right:右对齐
justify:两边对齐
center:居中对齐
text-indent用来设置首行缩进。该样式需要指定一个长度,并且只对第一 行生效。
text-indent:2em;
网友评论