Type to search
前言
I HTML
1
认识Web
1.1
网页
1.2
浏览器
1.3
Web标准
1.3.1
为什么需要Web标准
1.3.2
Web标准构成
2
HTML初识
2.1
基本语法规范
2.1.1
基本语法概述
2.1.2
标签关系
2.2
基本结构标签
3
网页开发工具
3.1
配置VSCode
3.2
VSCode工具生成骨架标签新增代码
3.2.1
文档类型
<!DOCTYPE>
3.2.2
页面语言
lang
3.2.3
字符集
charset
4
HTML常用标签
4.1
语义标签
4.2
标题标签
4.3
段落标签
4.4
换行标签
4.5
文本格式化标签
4.6
布局标签
4.7
图像标签和路径
4.7.1
图像标签
4.7.2
路径
4.8
超链接
4.8.1
链接的语法格式
4.8.2
链接的分类
4.9
注释
4.10
特殊字符
4.11
表格标签
4.11.1
表格的基本语法
4.11.2
表头单元格标签
4.11.3
表格属性
4.11.4
表格结构标签
4.11.5
合并单元格
4.12
列表标签
4.12.1
无序列表 Unordered
4.12.2
有序列表 Ordered
4.12.3
自定义列表
4.12.4
列表总结
4.13
表单标签
4.13.1
为什么需要表单
4.13.2
表单的组成
4.14
文档查阅
4.15
案例学习
4.15.1
案例1
4.15.2
案例2：表单
II CSS
5
CSS基础
5.1
CSS简介
5.1.1
HTML的局限性
5.1.2
CSS-网页的美容师
5.2
CSS语法规范
5.3
代码风格
5.3.1
样式格式书写
5.3.2
样式大小写
5.3.3
空格规范
6
CSS基础选择器
6.1
CSS选择器的作用
6.2
选择器的分类
6.3
标签选择器
6.4
类选择器
6.5
id选择器
6.6
通配符选择器
6.7
基础选择器总结
6.8
综合案例
6.8.1
用类选择器话盒子
7
字体属性
7.1
字体系列
7.2
字体大小
7.3
字体粗细
7.4
文字样式
7.5
字体复合属性
8
文本属性
8.1
文本颜色
8.2
对齐文本
8.3
装饰文本
8.4
文本缩进
8.5
行间距
8.6
文本属性总结
9
CSS引入方式
9.1
CSS的三种样式表(引入方式)
9.2
内部样式表
9.3
行内样式表
9.4
外部样式
9.5
CSS引入方式总结
9.6
综合案例
10
复合选择器
10.1
复合选择器的定义
10.2
属性选择器 {# arr-filter1}
10.3
后代选择器
10.4
子选择器
10.5
并集选择器
10.6
伪类选择器
10.6.1
链接伪类
10.6.2
:hover伪类选择器的应用
10.6.3
:after选择器
10.6.4
:focus伪类选择器
10.7
复合选择器总结
10.8
多个选择器的覆盖问题
10.9
课堂练习
11
元素的显示模式
11.1
什么是元素的显示模式
11.2
块元素
11.3
行内元素（内联元素）
11.4
行内块元素
11.5
元素显示模式总结
11.6
元素显示模式转换
11.7
案例
12
CSS背景
12.1
背景颜色
12.2
背景图片
12.3
背景平铺
12.4
背景图片的位置
12.4.1
参数是方位名词
12.4.2
参数是精确单位
12.4.3
参数是混合单位
12.5
背景尺寸
12.6
背景图像固定（背景附着）
12.7
背景属性复合写法
12.8
背景色半透明
12.9
背景总结
12.10
案例
12.10.1
背景图片案例：方位名词
12.11
五彩导航栏
13
CSS的三大特性
13.1
层叠性
13.2
继承性
13.2.1
行高的继承
13.3
优先级
13.3.1
优先级注意
13.3.2
权重叠加
13.4
综合练习
14
盒子模型
14.1
看透网页布局的本质
14.2
盒子模型（Box Model）
14.3
盒子边框（border）
14.4
边框的复合写法（简写）
14.5
表格细线边框
14.6
边框会影响盒子的实际大小
14.7
内边距（padding）
14.8
内边距复合写法（简写）
14.9
padding会影响盒子实际大小
14.10
padding不撑开盒子的情况
14.11
盒子模型外边距margin
14.12
外边距典型应用（块级盒子水平居中）
14.13
外边距合并
14.13.1
相邻块级元素垂直外边距的合并
14.13.2
嵌套块元素垂直外边距的塌陷
14.14
清除内外边距
14.15
圆角边框
14.16
盒子阴影
14.17
文字阴影
14.18
综合案例
14.18.1
新浪导航栏
14.18.2
小米侧边栏修改
14.18.3
产品布局
14.18.4
快报模块
15
浮动
15.1
传统网页布局的三种方式
15.2
标准流（普通流/文档流）
15.3
为什么需要浮动
15.4
什么是浮动
15.4.1
脱标
15.4.2
浮动盒子一行显示
15.4.3
浮动元素具有行内块特性
15.5
浮动元素标准流经常和标准流父亲搭配使用
15.6
常见的网页布局
15.7
浮动布局注意点
15.8
清除浮动
15.8.1
为什么要清除浮动
15.8.2
清除浮动的本质
15.8.3
清除浮动的方法
15.8.4
额外标签法
15.8.5
父元素添加overflow
15.8.6
清除浮动——:after伪元素法
15.8.7
双伪元素清除浮动
15.9
清除浮动总结
16
定位
16.1
为什么需要定位
16.2
定位的组成
16.2.1
定位模式
16.2.2
边偏移
16.3
静态定位
16.4
相对定位
16.5
绝对定位
16.6
子绝父相的由来
16.7
固定定位
16.8
粘性定位
16.9
定位的总结
16.10
定位叠放次序
16.11
定位的拓展
16.11.1
绝对/固定定位的盒子居中
16.11.2
定位特殊性
16.11.3
脱标的盒子不会触发外边距塌陷
16.11.4
绝对/固定定位会完全压住盒子
16.12
页面布局总结
16.13
元素的显示与隐藏
16.13.1
display 属性
16.13.2
visibility 可见性
16.13.3
overfolw溢出
17
CSS高级技巧
17.1
精灵图
17.1.1
为什么需要精灵图
17.1.2
精灵图的使用
17.1.3
二倍精灵图的做法
17.2
CSS三角
17.3
CSS用户界面样式
17.3.1
鼠标样式 cursor
17.3.2
表单轮廓线 outline
17.3.3
文本域防止拖拽 resize
17.4
vertical-align 属性
17.4.1
图片、表单和文字对齐
17.4.2
解决图片底部默认空白缝隙问题
17.5
溢出的文字省略号显示
17.5.1
单行文本溢出显示省略号
17.5.2
多行文本溢出显示省略号
17.6
常见布局技巧
17.6.1
margin负值运用
17.6.2
文字围绕浮动元素
17.6.3
行内块巧妙运用
17.6.4
三角加强
17.7
CSS初始化
18
HTML5 和 CSS3
18.1
HTML5 的新特性
18.1.1
HTML5 新增的语义化标签
18.1.2
HTML5 新增的多媒体标签
18.1.3
HTML5 新增的 input 类型
18.1.4
HTML5 新增的表单属性
18.2
CSS3 的新特性
18.2.1
CSS3 新增选择器
18.2.2
CSS3盒子模型
18.2.3
图片变模糊
18.2.4
calc函数
18.2.5
过渡
18.2.6
广义的H5
19
移动端基础和流式布局
19.1
移动端基础
19.1.1
浏览器现状
19.1.2
移动端调试方法
19.2
视口
19.2.1
视口的定义和分类
19.2.2
meta视口标签
19.3
二倍图
19.3.1
物理像素&物理像素比
19.3.2
多倍图
19.3.3
背景图片缩放 background-size
19.4
移动端开发选择
19.4.1
移动端主流方案
19.4.2
单独移动端页面（主流）
19.5
流式布局（百分比布局）
20
Bootstrap
20.1
下载和引入Bootstrap
20.2
栅格系统
III JavaScript
21
JavaScripy基础
21.1
JS简介
21.2
JS的引入（书写位置）
21.2.1
行内式 JS
21.2.2
嵌入JS
21.2.3
外部JS
21.3
JavaScript注释
21.3.1
单行注释
21.3.2
多行注释
21.4
JavaScript 输入输出语句
21.5
标识符、关键字、保留字
21.5.1
标识符
21.5.2
关键字
21.5.3
保留字
22
JS变量和常量
22.1
变量的定义、声明和赋值
22.1.1
声明变量
22.1.2
变量赋值
22.1.3
变量初始化
22.2
变量语法扩展
22.2.1
更新变量
22.2.2
同时声明多个变量
22.2.3
声明变量特殊情况
22.3
变量的命名规范
22.4
常量
23
数据类型
23.1
数据类型简介
23.2
数据类型的分类
23.3
简单数据类型
23.3.1
数字型 Number
23.3.2
字符串型 String
23.3.3
布尔型 Boolean
23.3.4
Undefined 和 Null
23.4
复杂数据类型
23.4.1
数组
23.4.2
对象
23.5
获取变量数据类型
23.5.1
获取检测变量的数据类型
23.5.2
字面量
23.6
数据类型转换
23.6.1
为什么要进行数据类型转换
23.6.2
转换为字符串
23.6.3
转换为数字型
23.6.4
转换为布尔型
24
运算符
24.1
数学运算符
24.2
赋值运算符
24.3
自增自减运算符
24.3.1
前置递增运算符
24.3.2
后置递增运算符
24.4
比较运算符
24.4.1
数字型的比较
24.4.2
字符串的比较
24.5
逻辑运算符
24.6
运算符优先级
25
语句
25.1
表达式和语句
25.1.1
表达式
25.1.2
语句
25.1.3
流程控制
25.2
分支语句
25.2.1
if分支语句
25.2.2
多分支if语句
25.2.3
三元运算符
25.2.4
switch分支语句
25.3
循环语句
25.3.1
while循环
25.3.2
for循环
25.3.3
嵌套for循环
25.3.4
操作数组
25.3.5
数组排序
26
函数
26.1
函数的声明和调用
26.1.1
函数的声明
26.1.2
函数体
26.1.3
函数的调用
26.2
函数的命名规范
26.3
函数传参
26.3.1
声明语法
26.3.2
调用语法
26.3.3
形参和实参
26.3.4
参数默认值
26.4
函数返回值
26.5
函数的一些细节
26.6
作用域
26.6.1
变量的访问原则
26.7
匿名函数
26.7.1
函数表达式
26.7.2
立即执行函数
26.8
逻辑中断
26.8.1
逻辑运算符里的短路
27
对象
27.1
对象的简介和声明
27.2
对象的属性
27.3
对象的操作（增删改查）
27.4
对象的方法
27.5
遍历对象
27.6
内置对象
27.6.1
内置对象-Math
28
Web API概述和DOM
28.1
Web API
28.2
DOM的定义和DOM树
28.3
获取DOM元素
28.3.1
根据CSS选择器来获取DOM元素 (重点)
28.3.2
其他获取DOM元素方法
28.4
操作元素内容
28.5
操作元素属性
28.5.1
操作元素HTML属性
28.5.2
操作元素CSS样式属性
28.5.3
通过类名(className) 操作CSS
28.5.4
通过 classList 操作类控制CSS
28.5.5
操作表单属性
28.6
自定义属性
28.7
定时器-间歇函数
28.7.1
开启定时器
28.7.2
关闭定时器
29
Dom事件基础
29.1
事件监听（绑定）
29.2
事件类型
29.2.1
鼠标事件
29.2.2
焦点事件
29.2.3
键盘事件
29.2.4
文本事件
29.3
事件对象
30
学成在线案例
30.1
准备素材和工具
30.2
案例准备工作
30.3
CSS属性书写顺序
30.4
页面布局整体思路
30.4.1
确定版心
30.4.2
头部制作
30.4.3
精品推荐小模块
30.4.4
精品推荐大模块
30.4.5
底部模块
31
PC端品优购案例
31.1
品优购项目规划
31.1.1
开发工具以及技术栈
31.1.2
品优购项目搭建工作
31.1.3
网站fivecon图标
31.2
品优购首页制作
31.2.1
常用模块类名命名
31.2.2
快捷导航 shortcut 制作
31.2.3
header制作
31.2.4
nav 导航制作
32
MySQL
32.1
安装和配置
32.2
启动和关闭
32.3
指令
32.4
python与MySQL的交互
IV 附录
33
Vscode常用操作
33.1
Vscode快捷键
33.2
Emmet语法
33.2.1
快速生成HTML结构语法
33.2.2
快速生成CSS样式语法
33.2.3
快速格式化代码
34
PS
34.1
图片格式
34.2
快捷键
34.3
PS复制文字
34.4
PS切图
34.4.1
图层切图
34.4.2
切片工具
34.4.3
插件切图
35
JS断点调试
36
浏览器操作
36.1
Chrome调试工具
36.1.1
打开调试工具
36.1.2
使用调试工具
36.2
Chrome移动端调试
36.3
扒取视频
36.4
网站的fivecon图标
36.4.1
网站TDK三大标签SEO优化
36.4.2
LOGO SEO 优化
36.4.3
title 网站标题
36.4.4
description 网站说明
36.4.5
keyword
36.5
快捷键
37
JS一些附录
37.1
JS变量声明
37.2
JS断点调试
37.2.1
断点的一般操作
37.2.2
函数内部的断点
38
JavaScripy基础
38.1
下载和引入
38.2
简介
Facebook
Twitter
LinkedIn
Weibo
Instapaper
A
A
Serif
Sans
White
Sepia
Night
Web开发学习笔记
32
MySQL
32.1
安装和配置
32.2
启动和关闭
32.3
指令
32.4
python与MySQL的交互