第七天：CSS的元素显示模式
I am the best.
学习目标
了解什么是元素的显示模式
元素显示模式的分类
元素显示模式的转换
什么是元素显示模式
作用：网页的标签非常多，在不同地方会用到不同类型的标签，了解他们呢的特点可以更好的布局我们的网页
元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己独占一行，比如<span>一行可以多个
HTML一般分为块元素和行内元素两种类型
块元素
常见的块元素有:
<h1>-<h6>、<p>、<div>、<ul>、<li>等，其中<div>是最经典的块元素
块元素的特点：
独占一行
高度、宽度、外边框以及行内距都可以控制
宽度默认是容器（父级宽度）的100%
是一个容器及盒子，里面可以放行内或者块级元素
注意：
文字类的元素不能使用块级元素
<p>标签主要用于存放文字，因此<p>中不能放块级元素，特别是不能放<div>
同理，&l ...
第六天：CSS简介
Intelligence is the ability to avoid doing work， yet getting the work done.
学习目标
Emmet语法
CSS的复合选择器
CSS的元素显示方式
CSS的背景
CSS的三大特性
CSS的注释
Emmet语法
Emmet语法的前身是Zen Coding，它使用缩写，来提高HTML/CSS的缩写速度，VSCode内已经集成该语法
快速生成HTML结构语法
快速生成CSS样式语法
快速生成HTML结构语法
生成标签 直接输入标签名，按下tab即可，比如div然后按下tab键就可以直接生成<div></div>
如果想要生成多个相同的标签，加上*就可以了，比如div*3就可以直接生成3个div
如果有父子级关系的标签，可以用>比如 ul>li就可以了
如果有兄弟关系的标签，用+就可以，比如div+p
如果生成带有类名或者id名字的，直接写.demo或者#two 然后tab键就可以了
12345678 ...
第五天：CSS简介
本来无一物，何处惹尘埃
学习目标
CSS简介
CSS基础选择器
CSS字体属性
CSS文本属性
CSS引入方式
综合案例
Chrome调试工具
CSS简介
CSS主要使用场景就是美化网页、布局页面的
HTML的局限性
只关注内容的语义，丑，繁琐臃肿
CSS-网页的美容师 Cascading Style Sheets 层叠样式表
CSS也是一门标记语言，主要设置HTML中的文本内容、图片的外形、版面的布局和外观显示样式
可以美化HTML，使网页布局更加美观
CSS语法规范
12345678910111213141516171819<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width= ...
第四天：HTML标签
低头快步，抬头看路
学习目标
能够书写表格
能够写出无序列表
能够写出3~4个常用input表单类型
能够写出下拉列表表单
能够使用表单元素实现注册页面
能够独立查阅W3C文档
表格标签
表格是实际开发中非常常用的标签
表格的主要作用
表格主要用于显示、展示数据，因为它可以让数据显示的非常规整，可读性非常好，特别是后台展示数据的时候，能够熟练的运用表格就显得很重要，一个清爽简约的表格能够件繁杂的数据表现得很有条理
表格的基本语法
标签
<table> </table>是用于定义表格的标签
<tr> </tr>标签定义表格中的行，必须嵌套在<table> </table>标签中
<td> </td>是表格中的单元格，必须嵌套在<tr></tr>标签中
字母td表示表格数据(table data)，即数据单元格的内容
12345678<table> <tr> & ...
第三天：HTML标签
java.lang.StackOverflowError: Love must be long long type
学习目标
能够说出标签的书写注意规范
能够写出HTML骨架标签
能够写出超链接标签
能够写出图片标签并说出alt和title的区别
能够说出相对路径的三种形式
学习路线
HTML标签
HTML语法规范
HTML标签必须是由尖括号包围的关键词，例如<html>
HTML标签通常是成对出现的，例如<html>和</html>，我们称之为双标签，其中第一个标签是开始标签，第二个是结束标签
有些特殊的标签必须是独个的标签，例如</br，我们称之为单标签
12<html></html> <!--双标签：标签成对出现--></br> <!--单标签：标签独自出现--><!--可以直接写 <br> 效果也是一样的-->
标签关系
双标签关系可以分两种：包含和 ...
第二天：HTML简介
没有光明是不幸的么？不，需要光明才是真正的不幸。 ——网络
学习目标
能够说出网页的基本组成
能够说出什么是HTML
能够说出常用的浏览器
能够说出Web标准的三大组成部分
学习路线
网页
什么是网页
网站是由网页组成的
网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示指定内容相关的网页合集
网页是构成网站的某一页，通常是HTML的格式的文件，他需要通过浏览器来阅读
网页是构成网站的基本元素、它通常由图片、文字、声音、视频等元素组成。通常我们看到的网页，长江以.htm,.html等后缀结尾的文件，所以也俗称为HTML文件
什么是HTML
HTML是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言
HTML不是编程语言，而是一种标记语言（Markup Language）
标记语言是一套标记标签（Markup Tag）
所谓超文本，有两层含义
它可以加入图片、声音、动画、多媒体内容等（超越了文本限制）
它可以从一文件跳转到另一个文件，与世界各地的主机 ...
第一天：学习路线
没有光明是不幸的么？不，需要光明才是真正的不幸。 ——网络
学习目标
学习PC端网站布局
最终网站：品优购静态网站
目的：精通网页布局，必备技能，为后面学习JavaScript打下坚实基础
学习路线
HTML基础
课时：20%，
主要学习没有兼容性的HTML标签
CSS3基础
课时：50%
主要学习没有兼容性的CSS样式，利用前面学习的标签完成传统PC端网页布局
综合案例：传统企业网页制作
H5C3提高
课时：10%
学习HTML5新的标签、CSS3样式。有一定的兼容性，可以与未来更好的接轨
项目-品优购电商网站
课时：20%
综合以前学习的知识，贴近于实际开发，制作品优购电商网站，完成首页、列表页、注册页的制作
目的：学习网页制作实际开发制作流程规范
第二十一天：SimpleDateFormat类、System类
代码生成就跟喝酒一个样，适度就好
狂神未更新，转千锋教育 (bilibili.com)
学习内容
SimpleDateFormat
这是一个以与语言环境有关的方式来格式化和解析日期的具体类
进行格式化（日期->文本）、解析（文本->日期）
常用的时间模式字母：
字母
日期或时间
示例
y
年
2019
M
年中月份
08
d
月中天数
10
H
一天中小时数（0-23）
22
m
分钟
16
s
秒
59
S
毫秒
367
将日期转为字符串
1SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日:HH::mm::ss");
表示将Date对象格式化成如上所示
12345678910111213141516package com.joker_yue.javalearn.SimpleDateFormat;import java.text.SimpleDateFormat;import j ...
第二十天：Calendar类
吾日三省吾身：早上吃什么，中午吃什么，晚上吃什么
狂神未更新，转千锋教育 (bilibili.com)
学习内容
Calendar
Calendar提供了获取或设置各种日历字段的方法
构造方法：
protected Calendar(): 由于修饰符是protected，所以无法直接创建对象
构造方法摘要
protected
Calendar() 构造一个带有默认时区和语言环境的 Calendar。
protected
Calendar(TimeZone zone, Locale aLocale) 构造一个带有指定时区和语言环境的 Calendar。
获取时间
1234567891011121314151617181920212223242526272829package com.joker_yue.javalearn.CalendarLearn;import java.util.Calendar;public class Demo { public static voi ...
第十九天：Date类
我就是洗衣机里某件衣服口袋里的餐巾纸，你们把我卷烂了大家都没好果子吃
狂神未更新，转千锋教育 (bilibili.com)
学习内容
Date
Date表示特定的瞬间，精确到毫秒，Date类中的发部分方法都已经被Calendar类中的方法所取代时间单位
1秒=1000毫秒
1毫秒=1000微秒
1微妙=1000纳秒
在 JDK 1.1 之前，类 Date 有两个其他的函数。它允许把日期解释为年、月、日、小时、分钟和秒值。它也允许格式化和解析日期字符串。不过，这些函数的 API 不易于实现国际化。从 JDK 1.1 开始，应该使用 Calendar 类实现日期和时间字段之间转换，使用 DateFormat 类来格式化和解析日期字符串。Date 中的相应方法已废弃。
尽管 Date 类打算反映协调世界时 (UTC)，但无法做到如此准确，这取决于 Java 虚拟机的主机环境。当前几乎所有操作系统都假定 1 天 = 24 × 60 × 60 = 86400 秒。但对于 UTC，大约每一两年出现一次额外的一秒，称为“闰秒”。闰秒始终作为当天的最后一秒增加，并 ...