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

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

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

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

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

第二张 html常用基本标签

html基本标签

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

第三张 CSS的常用属性

主要介绍css的属性

第四张 表格和表单

第五张 浮动、定位、overflow

第六张 补充小知识

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

普通用法不做详细介绍;

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

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

感谢 · 转发欢迎大家留言

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20180918B14L4V00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券