6张思维导图，帮你搞定HTML、CSS

这几天看了一下之前整理的HTML和CSS的知识点，发现很多东西都有点忘了，趁此机会复习了一下，也重新整理了一下，决定放出来，给刚入门的孩纸们一个参考。

图片比较大，建议大家看的时候先看下分支，然后点击放大查看具体

思维导图来袭

1、HTML基本结构与CSS选择器

2、HTML常用基本标签

3、CSS的常用属性

4、表格与表单

5、浮动、定位、overflow

6、补充小知识

完成一个小企鹅

最后给大家给大家详细说一下border-radius的用法 普通用法不做详细介绍； 其实我们设置border-radius参数的时候，最多可以设置8个参数，每个参数的位置和代指圆角方向已经在图上表明；简单明了。

下面放一张我主要用 border-radius 画的一个小企鹅 最后的效果图

1、HTML标签部分

2、CSS样式部分

字少图多，还请想学习的孩子耐心点。

@IMWeb前端社区

本文由作者范小饭_授权转发

http://www.jianshu.com/p/19cd9400a917

微信ID：IMWebTech