java jlanel怎么换行_Java学习笔记——WEB

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 元素声明外边距，浏览器可能会自己应用一个外边距。当然，只要你特别作了声明，就会覆盖默认样式。