JAVA WEB开发基础：HTML 、CSS、 JavaScript。
注意：html、css、JavaScript是浏览器使用语言。
问：从浏览器上输入https://www.baidu.com/，然后浏览器呈现百度页面，中间到底经历了什么？
简单来说，可以理解为浏览器发送一个请求包，然后服务器（一台运行Java程序电脑）接收请求，分析请求，响应请求字符串、二进制数据,也就是Html/css/javascript/图片、视频、其他二进制数据。之后浏览器接收响应数据，根据响应的数据渲染页面和发送请求。
HTML：超文本标记语言
HTML5：HTML一门超文本标记语言，最新的第5代版本的语言的标准。2014发布。
常用的HTML标签：
表单标签：
需要额外注意method的两种提交表单数据的方法
背景属性
文字属性
盒子模型
浮动
弹性布局——目前最流行的方式
（2014年开始到现在，目前的网站基本都是这种方式）
在元素上设置了display:flex;的属性即为弹性容器。
注意：弹性子元素为3个child的div元素，span不属于直接子元素，那么不是弹性布局。
弹性布局主轴：确定子元素的排布是水平排布还是竖直排布。侧轴为主轴的垂直方向。
设置主轴的方向：flex-direction，
row(默认值)：子元素是从左到右进行排布。
Row-reverse: 子元素是从右到左排布
Column:子元素从上到下排布
Column-reverse:子元素从下到上排布。
注意：默认弹性子元素只会排成1行或者是1列。不会换行。
侧轴因为只有一行，所以没有平均分布
flex-wrap: wrap;——换行
默认设置是nowrap——不能换行
align-content——设置侧轴的多行排布
剩余空间占据flex
要求做一个网站，无论页面怎么缩小，广告都要占据一定位置，剩余空间留给其他内容显示。
弹性子元素的排序
弹性子元素侧轴单独设置——align-self
只有侧轴才可以单独设置
定位
PPT版详细解释
rel=“stylesheet” 该属性是必备的 表明链接的方式
type=“text/css” 指定文件类型
css列表属性
边框是加在元素之外的,加了边框元素会变大要想保持元素不变 应该在原有的基础上减去边框的宽度
说明：两个值 ：第一个值表示水平位置的值，第二个值：表示垂直的位置。
当两个值都是center的时候写一个值就可以代表的是水平位置和垂直位置。
向右方向，向下方向都是负值。
注意：样式（border-style）是边框最重要的一个方面，这不是因为样式控制着边框的显示（当然，样式确实控制着边框的显示），而是因为如果没有边框样式，将根本没有边框。
记住这一点非常重要。事实上，忘记声明边框样式是一个常犯的错误。由于 border-style 的默认值是 none，如果没有声明样式，就相当于 border-style: none。因此，如果希望边框出现，就必须声明一个边框样式。
这些效果实现的原因；（后设置的样式起作用）
类似于表格的cellpadding属性；
默认情况下，背景会以padding的左上角为基点在盒子中进行平铺。
即顺顺时针方向
margin 的默认值是 0，所以如果没有为 margin 声明一个值，就不会出现外边距。但是，在实际中，浏览器对许多元素已经提供了预定的样式，外边距也不例外。例如，在支持 CSS 的浏览器中，外边距会在每个段落元素的上面和下面生成“空行”。因此，如果没有为 p 元素声明外边距，浏览器可能会自己应用一个外边距。当然，只要你特别作了声明，就会覆盖默认样式。
