这部分是html细节知识的学习。
示例代码:https://github.com/wanliwang/Bjork.Demo htmlDemo
最近胡乱删除坑了自己一把吗，永远记得windows的卸载一定要用：Windows Install Clean Up Setup，安装要用KMSpico Install
文本块
对于HTML中的块级元素来说，可以通过text-align:xxx对齐其中文本(<section>,<article>,<p>,<h1等>)。
列表
包含三类列表：无序列表<ul>，列表项为<li>；有序列表<ol>，列表项为<li>和定义列表<dl>，列表项包括，<dt>定义术语，<dd>定义术语的解释。此外，可以通过list-style-type来设置列表的数字类型或项目符号类型图标，前者包括decimal,lower-roman,upper-roman,lower-alpha,upper-alpha和none，后者包括disc,circle,square和none。
字体
在HTML中，可以更改字体的视觉显示，包括字体系列、大小和粗细，以及如何把粗体字、斜体字、上标、下标和加删除线的文本纳入到页面中。常见的特殊字符在HTML中的编码如下所示："引号，&与符号，<小号，>大于号，©版权，®注册商标。为了满足社交理解需要，需要使用粗体blodface和斜体italic，可以使用样式font-style:italic，font-weight:bold进行设置。与此先关的变迁包括：<sup>上标文本，<sub>下标文本，<em>强调的斜体文本，<strong>强调的粗体文本，<pre>预先格式化的文本，保留空格和换行符，非常赞。字体的调整可以通过，font-family设置字体系列，font-size设置字体大小，color设置字体颜色。
此外，还可以@font-face来使用Web字体，即本地系统没有安装的字体，通常可以到https://fonts.google.com/查找，相关例子如下所示。
@font-face { font-family: 'xionger'; src: url('http://www.font-face.com/fonts/delicious/Delicious-Roman.otf');}
边框--圆角设置:border-radius: 20px, 等价于border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius:20px; border- bottom -left-radius:20px;这个属性在IE6中不支持。
Tip:在代码中经常可以看到<a href="javascript:void(0)">的情况，其目的是点击后不回到页面头，并且不进行默认的事件操作。
表格和栏
表格由信息行组成，其中包含单独的单元格，其相关的标签包括：<table>、<thread>、<tbody>、<tfoot>、<tr>、<th>、<td>等。由于不同浏览器默认的样式不同，因此需要自定义设置表格边框的样式，如下所示。可以通过将border-collapse属性设置为collapse来折叠边框，设置为separate独立边框。表格的宽度可以使用width，此外还可以通过CSS伪类选择器来根据不同行或列来设置样式。更多的CSS选择器，可以查看http://www.w3school.com.cn/cssref/css_selectors.asp。
1 table, tr, th, td { 2 border: 1px solid black; 3 border-collapse: collapse; 4 padding: 3px; 5 } 6 th:first-child,td:first-child { 7 width: 200px; 8 } 9 th:not(first-child), td:not(first-child) { 10 width: 40px; 11 }