# Review

**Repository Path**: logicwang/Review

## Basic Information

- **Project Name**: Review
- **Description**: HTML5/CSS3复习
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-03
- **Last Updated**: 2022-03-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

 
### 1. HTML

#### 1.1 HTML 初步

1. [示例](https://logicwang.github.io/job-review/html/%E8%A1%A8%E5%A4%B4/2.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%A1%A8%E5%A4%B4/1.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Getting_started) |
HTML 字体倾斜 
2. [示例](https://logicwang.github.io/job-review/html/%E8%A1%A8%E5%A4%B4/2.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%A1%A8%E5%A4%B4/2.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Getting_started) |
HTML 字体倾斜
3. [示例](https://logicwang.github.io/job-review/html/%E8%A1%A8%E5%A4%B4/3.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%A1%A8%E5%A4%B4/3.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals) |
HTML 强调段落内某些字体
4. [示例](https://logicwang.github.io/job-review/html/%E8%B6%85%E9%93%BE%E6%8E%A5/1.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%B6%85%E9%93%BE%E6%8E%A5/5.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Getting_started) |
HTML 中的图片链接
5. [示例](https://logicwang.github.io/job-review/html/%E8%A1%A8%E5%A4%B4/9.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%A1%A8%E5%A4%B4/9.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/HTML_text_fundamentals) |
HTML 简单的 菜谱



#### 1.2 HTML 链接
1. [示例](hhttps://logicwang.github.io/job-review/html/%E8%B6%85%E9%93%BE%E6%8E%A5/2.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%B6%85%E9%93%BE%E6%8E%A5/2.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) |
HTML 链接的单双引号
2. [示例](https://logicwang.github.io/job-review/html/%E8%B6%85%E9%93%BE%E6%8E%A5/4.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%B6%85%E9%93%BE%E6%8E%A5/4.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) |
HTML 使用title属性添加支持信息
3. [示例](https://logicwang.github.io/job-review/html/%E8%B6%85%E9%93%BE%E6%8E%A5/5.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%B6%85%E9%93%BE%E6%8E%A5/5.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) |
HTML 图片链接
4. [示例](https://logicwang.github.io/job-review/html/%E8%B6%85%E9%93%BE%E6%8E%A5/6.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%B6%85%E9%93%BE%E6%8E%A5/6.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) |
HTML 指向当前目录下的文件
5. [示例](https://logicwang.github.io/job-review/html/%E8%B6%85%E9%93%BE%E6%8E%A5/7.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%B6%85%E9%93%BE%E6%8E%A5/7.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) |
HTML 指向上级目录
6. [示例](https://logicwang.github.io/job-review/html/%E8%B6%85%E9%93%BE%E6%8E%A5/8.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E8%B6%85%E9%93%BE%E6%8E%A5/8.htmls)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) |
HTML 电子邮件链接
7. [示例](https://logicwang.github.io/job-review/html/%E8%B6%85%E9%93%BE%E6%8E%A5/9.html)
[代码](https://github.com/logicwang/job-review/tree/master/html/%E8%B6%85%E9%93%BE%E6%8E%A5https://github.com/logicwang/job-review/blob/master/html/%E8%B6%85%E9%93%BE%E6%8E%A5/9.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) |
HTML 链接


#### 1.3 HTML  高阶文字排版
1. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/1.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/1.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 闭合元素
2. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/2.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/2.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 快引用
3. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/3.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/3.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 行内引用
4. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/4.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/4.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 行内引用
5. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/4.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/4.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 引文
6. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/5.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/5.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 略缩语
7. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/5.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/6.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 标记联系方式
8. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/7.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/7.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 上标和下标
9. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/8.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/8.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 计算机代码
10. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/9.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/9.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 标记日期和时间
11. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/10.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E5%AD%97%E6%8E%92%E7%89%88/10.html)
[章节](https://developer.mozilla.org/zh-CN/docs/learn/HTML/Introduction_to_HTML/Advanced_text_formatting) |
HTML 支持日期和时间的其他格式


#### 1.3 HTML  文档与网站架构

1. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E6%A1%A3%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%84%E6%88%90%E9%83%A8%E5%88%86/1.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E6%A1%A3%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%84%E6%88%90%E9%83%A8%E5%88%86/1.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure) |
HTML 研究示例代码
2. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E6%A1%A3%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%84%E6%88%90%E9%83%A8%E5%88%86/2.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E6%A1%A3%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%84%E6%88%90%E9%83%A8%E5%88%86/2.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure) |
HTML 无语义元素
3. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E6%A1%A3%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%84%E6%88%90%E9%83%A8%E5%88%86/3.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E6%A1%A3%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%84%E6%88%90%E9%83%A8%E5%88%86/3.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure) |
HTML 换行与水平分割
4. [示例](https://logicwang.github.io/job-review/html/%E6%96%87%E6%A1%A3%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%84%E6%88%90%E9%83%A8%E5%88%86/4.html)
[代码](https://github.com/logicwang/job-review/blob/master/html/%E6%96%87%E6%A1%A3%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%84%E6%88%90%E9%83%A8%E5%88%86/3.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure) |
HTML 使用hr元素在文档中间设定水平分割线


### 2. CSS
#### 2.1 CSS 初步
1. [示例](https://logicwang.github.io/job-review/css/css%E8%AF%AD%E6%B3%95/1.html)
[代码](https://github.com/logicwang/job-review/blob/master/css/css%E8%AF%AD%E6%B3%95/1.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/What_is_CSS) |
css css语法
2. [示例](https://logicwang.github.io/job-review/css/css%E8%AF%AD%E6%B3%95/1.html)
[代码](https://logicwang.github.io/job-review/css/css%E8%AF%AD%E6%B3%95/2.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/What_is_CSS) |
css 一个css的样式表能包含多种规则
3. [示例](https://logicwang.github.io/job-review/css/css%E8%AF%AD%E6%B3%95/%E5%BC%80%E5%A7%8B%E5%AD%A6%E4%B9%A0css/1.html)
[代码](https://github.com/logicwang/job-review/blob/master/css/css%E8%AF%AD%E6%B3%95/%E5%BC%80%E5%A7%8B%E5%AD%A6%E4%B9%A0css/1.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/What_is_CSS) |
css 添加不同的css样式进入html文档   
3. [示例](https://logicwang.github.io/job-review/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/1.html)
[代码](https://github.com/logicwang/job-review/blob/master/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/1.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/How_CSS_is_structured) |
css 外部样式表
4. [示例](https://logicwang.github.io/job-review/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/2.html)
[代码](https://github.com/logicwang/job-review/blob/master/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/2.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/How_CSS_is_structured) |
css 内部样式表
5. [示例](https://logicwang.github.io/job-review/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/3.html)
[代码](https://github.com/logicwang/job-review/blob/master/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/3.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/How_CSS_is_structured) |
css 内联样式
6. [示例](https://logicwang.github.io/job-review/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/4.html)
[代码](https://github.com/logicwang/job-review/blob/master/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/4.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/How_CSS_is_structured) |
css 文本使用css
7. [示例](https://logicwang.github.io/job-review/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/5.html)
[代码](https://github.com/logicwang/job-review/blob/master/css/%E5%A6%82%E4%BD%95%E6%9E%84%E5%BB%BAcss/5.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/How_CSS_is_structured) |
css 函数
8. [示例](https://logicwang.github.io/job-review/css/%E8%BF%90%E8%A1%8Ccss/1.html)
[代码](https://github.com/logicwang/job-review/blob/master/css/%E8%BF%90%E8%A1%8Ccss/1.html)
[章节](https://developer.mozilla.org/zh-CN/docs/Learn/CSS/First_steps/How_CSS_works) |
css 添加css到文件中渲染

### 3. 练习实例
#### 3.1 实例
1. [示例](https://logicwang.github.io/job-review/demo/demo1.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo1.html) |
第一个实例
2. [示例](https://logicwang.github.io/job-review/demo/demo2.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo2.html) |
第二个实例
3. [示例](https://logicwang.github.io/job-review/demo/demo3.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo3.html) |
第三个实例
4. [示例](https://logicwang.github.io/job-review/demo/demo4.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo4.html) |
第四个实例
5. [示例](https://logicwang.github.io/job-review/demo/demo5.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo5.html) |
第五个实例
6. [示例](https://logicwang.github.io/job-review/demo/demo6.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo6.html) |
第六个实例
7. [示例](https://logicwang.github.io/job-review/demo/demo7.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo7.html) |
第七个实例
8. [示例](https://logicwang.github.io/job-review/demo/demo8.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo8.html) |
第八个实例
9. [示例](https://logicwang.github.io/job-review/demo/demo9.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo9.html) |
第九个实例
10. [示例](https://logicwang.github.io/job-review/demo/demo10.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo10.html) |
第十个实例
11. [示例](https://logicwang.github.io/job-review/demo/demo11.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo11.html) |
第十个实例
12. [示例](https://logicwang.github.io/job-review/demo/demo13.html)
[代码](https://github.com/logicwang/job-review/blob/master/demo/demo13.html) |
第十二个实例