6张思维导图，帮你搞定html、css

先给大家看一张喜欢的图片，缓解下心情，最近敲敲代码累的时候都会看看这几个小活宝，每次都忍不住伸手去摸一下屏幕，可爱到爆，不由自主的就笑了出来。这个是电影《鼠来宝》系列的海报图。不知道有没有人喜欢这几只会唱歌的小活宝。

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

第一张 HTML基本结构与css选择器

主要介绍html的基本结构和css选择器，话不多说，都在图里。

第二张 html常用基本标签

html基本标签

已分类，需要注意的部分已标注。看完这一张，还有下一张。

第三张 CSS的常用属性

主要介绍css的属性

第四张 表格和表单

第五张 浮动、定位、overflow

第六张 补充小知识

最后给大家给大家详细说一下border-radius的用法

普通用法不做详细介绍；

其实我们设置border-radius参数的时候，最多可以设置8个参数，每个参数的位置和代指圆角方向已经在图上表明；简单明了。

声明：文章著作权归作者所有，如有侵权，请联系小编删除。

感谢 · 转发欢迎大家留言