HTML作为前端的入门第一课,是很多小白接触前端的第一课。然后学习编程,有良好的逻辑架构非常的重要,其中比较重要的是把知识点连成一个网络,下面分享一下我自己做的思维导图。
HTML第一章思维导图
html的结构组成,应用方向,注释,分析标准结构和标签。
![](https://www.qianduange.cn/upload/article/0718d578d5b0a80d0fa18c73fb2642c5.png)
html第二章思维导图
功能标签,iframe 和CSS概念 书写方式,css基本选择器和复合选择器
![](https://www.qianduange.cn/upload/article/b39930305cf9f6b893cffd49dfbfe246.png)
html第三章 css选择器
基本选择器:标签选择器,ID选择器,类选择器,通配符选择器。
复合选择器:后代选择器,子代选择器,兄弟选择器,属性选择器,伪类选择器,伪元素选择器。
选择器权重:行内选择器>ID选择器>类选择器>元素选择器>通配符选择器
![](https://www.qianduange.cn/upload/article/a74993d6322565a8f17142bb3c95fad4.png)
html第四章css常用属性
css三大特性:层叠性,继承性,优先级。
css的颜色属性;字体属性,文本属性
![](https://www.qianduange.cn/upload/article/a3f82ea88f6818bc7130a5db293bcfe7.png)
html+css第五章浮动
浮动的特点,基本使用,清除浮动
![](https://www.qianduange.cn/upload/article/8d29243a17343b6ac7da5906c6fc1166.png)
html+css第六章定位
定位的组成,定位的模式,相对定位,绝对定位,静态定位,层叠性,z-index属性
![](https://www.qianduange.cn/upload/article/662aa7d423a724ae67a65216ca935dae.png)
html+css第七章H5新增状态标签
语义化标签,新增状态标签,新增列表标签,新增注释标签,新增表单控制,视频标签,音频标签,私有前缀,新增单位
![](https://www.qianduange.cn/upload/article/de83dc6aae6e51deb786f41e0c563439.png)
html+css第八章css3
新增盒子模型,新增背景属性,新增文本,新增边框,CSS渐变
![](https://www.qianduange.cn/upload/article/47c86bf8f8021c288ede2e85bf59a1fb.png)