6张思维导图，帮你搞定htmlcss（附高清图片下载链接）

Posted 2021-04-09 前端教程

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

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

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

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

第二张   html常用基本标签

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

第三张    CSS的常用属性

主要介绍css的属性

第四张   表格和表单

第五张    浮动、定位、overflow

第六张   补充小知识

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

原文：https://www.jianshu.com/p/19cd9400a917

以上高清图片下载链接。