html学习笔记，小菜鸟修炼第一步！

1、html结构
(1)doctype：strict/trabstional/framset;
(2)head:title,meta charset;
(3)body:各种div及标签
2、div布局
（1）布局原则：从上到下/从左到右/从大到小；
（2）盒子模型：宽width、高height、margin、border、padding；
（3）浮动布局：浮动布局概念float，浮动清除clear；
3、css效果
（1）css选择器：id选择器，类选择器，标签，派生选择器，伪类选择器，通配选择器；
（2）css控制效果
a、段落控制：text-indent首行缩进、text-align水平文字方向、text-decoration文本装饰线、
letter-spacing字符间距、text-transform字母大小写转换；
b、文字控制：color颜色、font-style文字样式、font-weight文字粗细、font-size文字大小、
line-height行高、font-family字体；
c、背景控制：background-color背景颜色、background-image背景图片、background-repeat
背景图重复、background-attachment背景图粘贴方式、background-position背景图位置；
（3）css引入方式：页内style标签、外部css文件、行内style标签、import导入；
（4）css初始化
原因：浏览器对于元素有默认css参数，且可能不一致；
后果：浏览器之间显示效果不同；
解决方式：统一常用元素常用css参数，手动设定统一效果。
4、html标签
（1）无语义标签：div块状元素，布局分块用；span内联元素，选择文字用；
（2）有语义标签：h1-h6标题、p段落、img图片、embed视频、a超链接和描点、ul无序列表、
ol有序列表、table表格。