HTML总结
HTML标签
常用的标签就不再说明了，下面写几种不常用到的标签
-
<hr/>:分隔符 -
<em>：斜体；<stong>:粗体。（一般在页面不用这两个标签，都是在css中设置字体样式） -
<blockquote>长文本引用；<q>短文本引用 -
<code>加入一行代码；<pre>加入多行代码
HTML元素分类
*块状元素：div，h1-h6，p,body,ul,ol,li,table,form都为块状元素，块状元素都会在浏览器中独自显示成一行，不需要加入
标签来进行换行
*行内元素：a,img,span等为行内元素，行内元素会在浏览器中显示在同一行，不会自己单独一行，可以加入
标签来进行换行
几种块状元素说明
1.<div>可以把页面划分为几个独立的逻辑部分，在给div命名时要让别人懂得这一部分的作用，命名时要使逻辑更加清晰，注意标签闭合。
2.<form>表单标签：
*输入姓名：<input type="text">
*输入密码：<input type="password">
*提交：<input type="submit">
*重置：<input type="reset">
*单选和复选:<input type="radio/checkbox" value="值" name="名称" checked="checked"/>.当为单选框时，name中的文本必须相同。
*下拉列表：
*value和placeholder区别：value中输入的文本内容不会显示在输入框中，而placeholder中输入的文本内容会显示在输入框中
3.表格标签table:<table boreder="1">...</table>可以使表格加上边框
CSS总结
css和HTML链接
当HTML和css不写在同一个页面时就需要一个链接把css中的样式链接到HTML中。链接内容：.(***代表HTML的名字)
css盒子模型
1.margin:表示两个盒子的距离，是一个div和另一个div之间的距离，或是一个块和另一个块的距离。其中在一个块内标题（hx）和段落（p）是两个块，要设置他们之间的距离若用margin则设置css样式时要在hx或者p里面写margin，而不是在div中写。
2.padding：表示一个盒子内的填充。同上面的问题，若要设置标题和段落之间距离用padding，则应该在所包含他们的div中写padding,而不是在hx或者p中写。
3.居中： 语句margin:0 auto会让盒子里的内容居中显示（这里的居中并非绝对居中，而是根据设置的宽度来“居中”显示）
4.边框（border）：solid：实线；dashed：虚线；dotted:点线。
浮动和定位定位
1.常用的定位有2种，一个是relative，一个是absoute.
*相对定位relative相对自己本身进行定位，位置移动后在文本流中占有空间（其后的块状元素不会顶替它原来的位置）；
*绝对定位absoulte相对于最近的已经定位了的父元素进行定位，位置移动后在文本流中不占有位置（其后的块状元素顶替它原来的位置）；
*相对定位和绝对定位一起使用：1.参照定位的元素必须是相对定位元素的前辈元素 2.参照定位的元素必须加入position:relative 3.定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了。
2.浮动
1.块状元素都是独占一行，若要两个块状元素在同一行显示，则需要运用浮动float。浮动的框可以左右移动，直到它的外边缘碰到包含框或者另一个浮动框的边缘。因为浮动框不在文档的普通流中，所以文档的普通流中的框表现的就像浮动框不存在一样。
2.若在一个页面中有很多大小相同，里面的内容相似的块，运用浮动时一般加入ul标签，这样更加方便快捷。
css排版
*斜体：font-style:italic
*下划线：text-decoration:underline
*删除线：text-decoration:line-through
*缩进：text-indent:2em
*文字间距：letter-spacing:50px；字母间距：word-spacing：50px
*文字对齐：text-align:center
*ul中去掉点：list-style:none
*使用a标签去掉文字的下划线：text-decoration:none