Html学习思维导图

Html学习思维导图HTMLHtml结构Div布局Css效果dcopyteheadbodystricttransitionalframsetmeatcharsettitle各种div及Html标签布局原则从左到右从上到下从大到小盒子模型高宽widthheightmarginborderpadding浮动布局浮动概念浮动清除Html标签选择器ID选择器类选择器标签派生选择器伪类选择器通配选择器text-indent首行缩进color颜色段落控制文字控制控制效果背景控制text-aligan水平文字方向text-decoration文字装饰线letter-spaing字符间距text-transform字母大小写转换font-style文字样式font-weight文字粗细font-size文字大小linet-height行高font-family字体background-color背景颜色background-image背景图片background-repeat背景图重复background-attachment背景图粘贴方式background-position背景图位置引入方式页内style标签外部css文件，link导入行内style标签@import导入初始化原因：浏览器对元素有默认的css参数，且可能不一样后果：不同浏览器之间显示效果不一样办法：统一对常用元素常用css参数手动设定统一效果无语义标签有语义标签div块状元素，布局分块用span内联元素，选择文字用p段落h1-h6标题img图片embed视频a超链接和锚点ul无序列表ol有序列表table表格