前端03
2019-05-28 本文已影响0人
我的好昵称
<em><strong>
em标签用于表示一段内容的着重点
strong标签用于表示一个内容的重要性
两个标签可以单独使用,也可以一起使用
em显示为斜体,strong显示为粗体
<i>和<b>
标签会使文字变成斜体。
b标签会使文字变成粗体。
这两个标签和em和strong类似,但是这两 个标签没有语义。
所以根据html5标准,当我们只想设置文本 特殊显示,而不需要强调内容时就可以使 用i和b标签。
<small>标签表示细则一类的旁注,
浏览器在显示small标签时会显示一个比父 元素小的字号。
<p><small>©2018北财. 保留所有权利.</small></p>
<cite>使用cite标签可以指明对某内容的引用或参 考。
<p>
<cite>《七龙珠》</cite>讲的是召唤神龙的故事。
</p>
<blockquote>和<q>
blockquote和q表示标记引用的文本/
blockquote用于常饮用,q用于短引用
在两个标签中还可以使用cite属性来表示引 用的地址。
孟子曾经说过:
<blockquote>天将降大任于是人也...</blockquote>
他说的真对啊!
<p>孔子曾经说过:<q>学而时习之不亦说乎</q></p>
<sup>和<sub>
sup和sub用于定义上标和下标。
上标主要用于表示类似于103中的3。
下标则用于表示类似余H2O中的2
<ins>和<del>
ins表示插入的内容,显示时通常会加上下 划线。
del表示删除的内容,显示时通常会加上删 除线。
<code>和<pre>
如果你的内容包含代码示例或文件名,就 可以使用code元素。
pre元素表示的是预格式化文本,可以使用
pre包住code来表示一段代码。
<pre>
<code>
function fun(){ alert("hello");
}
</code>
</pre>
有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
无序列表
使用ul和li来创建一个无序列表。
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
使用dl、dd、dt来创建一个定义列表
<dl>
<dt>定义项1</dt>
<dd>定义描述1</dd>
<dt>定义项2</dt>
<dd>定义描述2</dd>
<dt>定义项3</dt>
<dd>定义描述3</dd>
</dl>
十六进制颜色
用的最多的颜色是十六进制符号。一个颜色值, 比如:#6600FF实际上包含了三组十六进制的 数字。
font-size用来指定文字的大小
通过font-family可以同时指定多个字体。
例如:
p{font-family:Arial , Helvetica , sans-serif}
serif(衬线字体)
sans-serif(非衬线字体)
monospace (等宽字体)
cursive (草书字体)
fantasy (虚幻字体
font-style用来指定文本的斜体。
指定斜体:font-style:italic
指定非斜体:font-style:normal
font-weight用来指定文本的粗体。
指定粗体:font-weight:bold
指定非粗体:font-weight:normal
font-variant属性可以将字母类型设置为小 型大写。在该样式中,字母看起来像是稍 微缩小了尺寸的大写字母。
– font-variant:small-caps
font可以一次性同时设置多个字体的样式
font:加粗 斜体 小型大写 大小/行高 字体
ine-height用于设置行高,行高越大则行 间距越大。
行间距 = line-height – font-size
text-transform样式用于将元素中的字母全都变成大写。
大写:text-transform:uppercase
小写:text-tansform:lowercase
首字母大写:text-transform:capitalize
正常:text-transform:none
《文本的修饰》
text-decoration属性,用来给文本添加各 种修饰。通过它可以为文本的上方、下方 或者中间添加线条。
可选值:
underline
overline
line-through
none
字母间距和单词间距
letter-spacing用来设置字符之间的间距。
word-spacing用来设置单词之间的间距。
《首行缩进》
text-indent用来设置首行缩进。
该样式需要指定一个长度,并且只对第一 行生效。