HTML 部分
上方URL获取资源
-
基础概念与准备
- 计算机基础与架构：讲解计算机硬件、软件的组成，介绍 C/S 架构和 B/S 架构的特点与区别，让学员了解前端开发在其中的位置。
- 浏览器与网页：介绍浏览器内核等相关知识，阐述网页由 HTML（结构）、CSS（表现）、JavaScript（行为）组成的概念。
- HTML 基础：包括 HTML 的定义、历史，讲解如何创建 HTML 文件，设置默认浏览器，查看网页源代码等操作。
-
HTML 标签及属性
- 标签基础：介绍标签的概念、分类，如单标签和双标签，讲解标签的书写规范，如不区分大小写但推荐小写，以及标签之间的并列和嵌套关系。
- 常用标签：涵盖排版标签、语义化标签、文本标签、图片标签、超链接标签、列表标签、表格标签、表单标签、框架标签等，详细介绍它们的用法、属性及注意事项。
- 特殊标签：meta 标签用于设置元信息，如字符编码、页面描述等；还有 HTML 字符实体，用于显示一些特殊字符。
-
HTML 文档结构
-
基本结构：讲解 HTML 文档的标准结构，包括文档声明，、、等标签的作用和嵌套关系。
-
全局属性：介绍 HTML 的全局属性，如 id、class、style 等，这些属性可以应用于大多数标签，用于设置元素的唯一标识、样式类名、行内样式等。
-
CSS 部分
-
CSS 基础
- CSS 简介：介绍 CSS 的概念、作用和发展历程，讲解 CSS 的三种引入方式：行内样式、内部样式和外部样式，以及它们的优先级。
- 语法规范与代码风格：教授 CSS 的语法规则，如选择器、属性和属性值的写法，以及代码的缩进、注释等风格规范。
-
CSS 选择器
- 基础选择器：包括通配选择器、元素选择器、类选择器、id 选择器、交集选择器、并集选择器等，讲解它们的用法和特点。
- 关系选择器：介绍后代选择器、子代选择器、兄弟选择器等，让学员学会根据 HTML 元素之间的关系来选择元素。
- 伪类与伪元素选择器：详细讲解伪类选择器，如动态伪类、结构伪类、否定伪类、UI 伪类、目标伪类、语言伪类等，以及伪元素选择器的用法。
-
CSS 属性
- 文本属性：包括文本颜色、文本间距、文本修饰、文本缩进、文本对齐（水平和垂直）、行高、vertical-align 等属性，用于设置文本的外观和排版。
- 列表、边框、背景属性：讲解列表相关属性，如列表样式类型、列表项标记位置等；边框相关属性，如边框宽度、边框样式、边框颜色等；背景相关属性，如背景颜色、背景图片、背景重复、背景定位等。
- 其他属性：介绍鼠标相关属性，如 cursor，用于设置鼠标指针的样式；元素的显示模式属性，如 display，以及如何修改元素的显示模式。
-
CSS 布局
- 盒子模型：深入讲解盒子模型的组成部分，包括内容区、内边距、边框、外边距，以及它们对元素布局的影响，还会介绍 margin 的注意事项、margin 塌陷和合并问题。
- 定位与浮动：讲解相对定位、绝对定位、固定定位的特点和用法，介绍元素浮动的概念、元素浮动后的特点、浮动产生的影响及解决方法，通过实例让学员掌握浮动布局。
