首页 前端知识 适合小白的HTML的思维导图

适合小白的HTML的思维导图

2024-03-20 11:03:48 前端知识 前端哥 53 260 我要收藏

HTML作为前端的入门第一课,是很多小白接触前端的第一课。然后学习编程,有良好的逻辑架构非常的重要,其中比较重要的是把知识点连成一个网络,下面分享一下我自己做的思维导图。

HTML第一章思维导图

html的结构组成,应用方向,注释,分析标准结构和标签。

html第二章思维导图

功能标签,iframe 和CSS概念 书写方式,css基本选择器和复合选择器

html第三章 css选择器
  • 基本选择器:标签选择器,ID选择器,类选择器,通配符选择器。

  • 复合选择器:后代选择器,子代选择器,兄弟选择器,属性选择器,伪类选择器,伪元素选择器。

  • 选择器权重:行内选择器>ID选择器>类选择器>元素选择器>通配符选择器

html第四章css常用属性

css三大特性:层叠性,继承性,优先级。

css的颜色属性;字体属性,文本属性

html+css第五章浮动

浮动的特点,基本使用,清除浮动

html+css第六章定位

定位的组成,定位的模式,相对定位,绝对定位,静态定位,层叠性,z-index属性

html+css第七章H5新增状态标签

语义化标签,新增状态标签,新增列表标签,新增注释标签,新增表单控制,视频标签,音频标签,私有前缀,新增单位

html+css第八章css3

新增盒子模型,新增背景属性,新增文本,新增边框,CSS渐变

html+css第九章 弹性盒子

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3974.html
标签
评论
发布的文章

JQuery操作DOM

2024-04-13 23:04:28

jQuery库

2024-04-13 23:04:28

【无标题】

2024-04-13 23:04:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!