前端速成（自用）

第一章 基础准备

一.工具

1.Vscode

（1）. “!” + 回车 自动生成框架

（2）.快捷键

二.HTML框架

1.title标签

2.meta标签

第二章 HTML标签

一.标题标签

1.h1-h6

2.标签摆放位置

二.换行、段落、水平线

1.段落标签

2.换行

<br/>是单标签

3.水平线

属性：

三.图像标签

1.图像标签

<img>是单标签

2.属性

3.图片路径

(1).绝对路径

(2).相对路径

(3).网络路径

四.超链接标签

1.超链接描述

2.超链接属性

3.超链接表现

把鼠标指针移动到网页某个链接上时，箭头会变成手指。

五.常用文本标签

六.列表

1.有序列表

(1).有序列表标签

有序列表是一列项目，列表项目使用数字进行标记。有序列表标签是<ol>，每个列表项用<li>标签表示。

(2).type属性

(3).有序列表嵌套

2.无序列表

(1).无序列表标签

(2).type属性

(3).无序列表可嵌套

(4).导航效果

(5).快捷键

七.表格标签

表格在数据展示方面非常简单，并且表现优秀。

1.表格标签

2.快捷键

3.表格属性

4.合并单元格属性

水平合并：colspan=“需要合并的单元格个数”；保留左边，删除右边

垂直合并：rowspan=“需要合并的单元格个数”；保留上边，删除下边

八.form表单

1.表单属性

2.表单元素

表单域指输入框

(1).文本框

(2).密码框

(3).提交按钮

九.块元素与行内元素（内联元素）

1.内联元素与块级元素的区别

2.常见块级元素

3.常见内联元素

4.行内块级元素

特点：不换行、能够识别宽高

十.HTML5新增标签

1.div元素

2.新增元素

第三章 CSS

一.CSS概念

1.概念

2.语法          

3.css的引入方式

(1).内联样式（行内样式）

(2).内部样式

(3).外部样式（推荐）

二.选择器

1.全局选择器

2.元素选择器

3.类选择器

4.ID选择器