03-文本标签

<em> 显示为倾斜    语气上的强调

<strong>显示为粗体   内容的强调

<i>显示为斜体    没有语意   icon图标

<b>显示为加粗   同上

<small> 表示细节        用于合同，网页，注释等    纯表示

<big> 变大   同上

<cite>   表示参考的内容    书名号（斜体）

<q> 表示短引用 （加引号）        注:CSS加的引号

<blockquote>表示长引用（独占一行）  引入别人的话

2² 上标

^{<a href= '#'>2}上标 链接

 下标

<del>显示错误划线

<ins>显示下划线

<pre> 保存格式

<code>表示代码 只是一个语意

---

有序列表:ul li

显示效果：小点

<ul type= 'xx'> 可以更改显示效果

无序列表  ol  li

显示效果：1234...n

支持 1 a A i I

定义列表 ：dl dt(被定义的内容)  dd（对定义内容的描述）

 对词汇定义的东西

通常用在下拉菜单

三种列表都可以相互嵌套

---

文本格式化

em根据屏幕字号走

rgb<颜色>

十六进制颜色 00-ff

#ff0000

---

字体样式

默认字号16

font-family :   字体（可以指定多个字体，用逗号隔开，优先使用前面的字体，中间有空格的字体用引号引上）

px;font-family   写在px; 后 

font-style:样式italic  斜体

font- weight : bold 加粗 nomal默认

font-variant:small-caps；    小型大写字母

font：所有样式    字号和字体必须写 字体最后  字号在倒数第二

行间距

line-height:   行高

字号/行高  

text-decuration:none   去除超链接下划线

letter-spacing: 10px   字符之间的间距

word-spacing:10px   单词之间的间距

text-align:(上下中 两端)   对齐

text-indent:32px  首行缩进

---

盒模型

盒子里面是内容区

内容和盒子的边距叫内边距

盒子的边叫边框

盒子与盒子之间的距离叫外边距

内容区中放子元素

border-width:10px;    

border-color:red;

border-style:solid

有内容区，内边距

border-width: （上右下左）  边框   少一个成对应宽度

border: 同时指定颜色，样式，宽

border-top:同上   上下左右