HTML标签

1、border　　

　　对于同一元素，边框交界处是斜线，如果边框颜色不一样的时候要注意一下，分别设置在两个元素上

2、line-height　　每行文字的高度（文字在一行中上下居中）

　　那么把字体大小加上两行之间的间距，就是一个行高啦

3、font-family:"宋体";

4、font:font-weight font-style font-size/line-height font-family;　　如果用此复合样式，必须按此顺序写，然后红色是必须要写的，否则就别用font

5、letter-spacing 字母间距（字间距）

6、word-spacing 词间距，用空格隔开的，空格也会占据一定像素大小，跟字体有关

7、padding 内填充

　　padding:20px auto 40px;　　依次代表上 左右 下

　　可视宽高=border+padding+width(height)

　　padding在元素边框以内，显示元素背景，而margin在元素边框以外，不显示元素背景

8、margin上下叠加问题，上下margin传递

9、a链接

　　href下如果是页面地址，就跳转页面；href下如果是压缩包，点击下载；锚点作用，href的值是#XXX，元素的id为XXX

　　href="http://baidu.com#sousuo_shsha" 这就是表示在百度的页面上链接id名为sousuo_shsha的锚点

　　target="_blank" 新窗口打开 <base target="_blank" href="http://www.baidu.com"/>在头部

　　target="_self" 当前窗口打开

　　a标签里面不能再嵌套a标签

二、页面常见标签

h5标签

1、header　　页面头部，也可以是section里面的头部

2、section　　用来划分页面整体大结构

　　<section>

　　　　<header></header>

　　　　<footer></footer>

　　</section>

3、footer　　页面底部

4、nav　　导航标签

5、article　　用来在页面中表示一套结构完整且独立的内容部分，可以用来呈现论坛的一个帖子，杂志或者报纸中的一篇文章，一篇博客，用户提交的评论内容，可互动的页面模块挂件等

6、aside　　一般与article配合来用，用来放一些相关信息。可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组、以及其他类似的有别于主要内容的部分

　　1）放在article中用，是与当前文章有关的信息

　　2）放在article外用，是与站点相关的信息，最典型的形式是侧边栏(sidebar)

7、自定义列表dl　　

　　<dl>

　　　　<dt>放个标题啥的</dt>

　　　　<dd></dd>

　　　　<dd></dd>

　　　　<dd></dd>

　　</dl>

对比：

　　<div>

　　　　<div class="title"></div>

　　　　<ul>

　　　　　　<li></li>

　　　　　　<li></li>

　　　　　　<li></li>

　　</div>

8、time h5的标签

　　<time>时间</time>

9、　合并单元格

　　合并两列 colspan="2"

　　合并两行 rowspan="2"

10、form

　　<input type="" name="" value=""/>

　　text　　　　 文本框

　　password　　密码

　　radio　　　　 单选

　　checkbox　　复选

　　submit　　　 提交

　　reset　　　　 重置

　　button　　　 按钮

　　image　　　　图片

　　file　　　　　 上传

　　hidden　　　 隐藏