什么是文档流
什么是文档流 理解好文档流，有助于我们对css中定位和浮动的理解。什么是文档流呢，文档流的定义如下： 网页在解析时，遵循从上向下，从左向右的顺序。
从上至下，从左至右的布局。
符合html中标签本身含义的布局，比如某些标签独占一行。有些标签属于行内元素等。
下面来讲一个css中的定位机制，共三种：
正常的文档流
float
postion
在这几种定位机制中，有几种方式是脱离文档流的。什么是脱离文档流呢？可以这样理解，本来这个标签是属于文档流管理的，那么它应该按照文档流的正常布局方式从左至右从上之下，并且符合标签本身的含义。脱离文档流是指，这个标签脱离了文档流的管理。不受文档流的布局约束了，并且更重要的一点是，这个标签在原文档流中 所占的空间也被清除了。 脱离文档流的元素处于浮动状态（可以理解为漂浮在文档流的上方），当一个元素脱离文档流后，依然在文档流中的其他元素将忽略该元素并填补其原先的空间。
java环境配置-window系统
java环境配置-window系统一、jdk 下载
jdk 的下载路径： https://www.oracle.com/java/technologies/downloads可以看见目前 jdk 已经发行到 21 了，jdk 它又分了三个个操作系统，一个是 Linux、一个是 macOS、以及 windows，如果你是在 windows 操作系统上，那当然就下载 windows 对应的 jdk，其次的话就是还会区分你操作系统的处理器是 32 位的还是 64 位的，可以点击 我的电脑 - 属性 查看台式电脑如下图：笔记本电脑在 系统规格 - 系统类型 查看上面大概是这样的：那如果想要下载以前版本的 jdk 呢？可以点击 java archive ，查看 java 档案点击你想要下载的 jdk 版本，比如：我选择了 jdk 8，然后我要下载到 windows 操作系统下，那我就选择这个，点击下载就可以了我接受打勾注意：需要注册oracle账号才能够下载
百度云下载jdk
以下我也提供了我在 windows 下使用的 jdk 8百度网盘下载链接连接: 提取码: l6f5创建一个 英文名称 ...
HTML盒模型
一、盒模型的概念
每一个标签都是一个矩形，像一个盒子，所以HTML页面布局可以理解为多个盒子组合嵌套排列而成。
当我们选择一个元素查看时，这个元素会被看成一个盒子，有宽度（width），高度（height），内边距（padding）,外边距（margin）。而一个盒子的边框，内边距，内容区决定大小，而外边距决定盒子的位置。
二、盒模型的组成外边距 margin
特点:
外边距不会改变盒子大小，但会影响元素位置。
1-4个值
按顺时针赋值，从上开始123456789101112/*外边距设置 */ margin：100px 外边距上右下左均为100px; margin:10px 20px 外边距上下为 10px 左右为20px margin：10px 20px 30px 外边距上为10px 左右为20px 下为30px margin:10px 20px 30px 40px 外边距上为10px 右为20px 下为30px 左为40px /*单独外边距方向设置 */ margin-top：10px 外边距上为10px； margin-right：2 ...
CSS选择器
CSS选择器一、基础选择器1. 通配符选择器
语法结构：*{css属性名：属性值;}作用：找到页面中所有的标签，然后设置样式。 注意:
开发中应用极少，只有在特殊的情况下才会使用。
在页面中可能会用于去除页面中默认的margin和padding。
123456789101112<style> * { margin: 0; padding: 0; }</style><body> <div> 通配符 </div></body>
2. 标签选择器
语法结构：标签名{css属性名：属性值;}作用：通过标签名，找到页面中所有的这类标签，并设置样式。 注意:
标签选择器选择的是一类标签，而不是单独的一个。
标签选择器无论嵌套关系有多深，都能够找到对应的标签。
123456789101112131415161718<style> p { color: red; }</s ...
html基础学习
HTML骨架组成html骨架结构由四个标签组成：
html：网页的整体。
head：网页的头部。
title：网页的标题。
body：网页的身体。
123456789101112<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> </body></html>
二、HTML标签结构
组成结构：标签由<、>、/、英文单词或字母组 ...
html元素类型及特点
html标签元素分类
1. 块状元素2. 内联元素/行内元素3. 内联块状元素/行内块状元素
元素标签12345678/*常用的块状元素*/ <div> <p> <h1>.....<h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>/*常用的行内元素*/ <a> <span> <br> <i> <em> <strong> <label> <q> <cite> <code> <var> <li> <dt> <td> /*常用的行内块状元素：*/ <img> <input>
块级元素特点：
每个块级元素独占一行
元素的高度、宽度、顶部和底部边距 ...
CSS定位详解
CSS定位详解CSS position CSS position属性用于指定一个元素在文档中的定位方式，定位分为静态定位，相对定位，绝对定位，固定定位、粘性定位这五种其中top、right、bottom、left和z-index属性则决定了该元素的最终位置。
静态定位（static）一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层属于标准流。
对边偏移无效。
可以用来清除定位
left、top、right、bottom 均不可使用
占空间
相对定位（relative）
相对定位可以通过边偏移来移动位置，相对本身原来的位置做的定位改变，原来的位置继续占有。
top、right、bottom、left 均可设置
相对于页面做的改变
如果说浮动是让多个块级元素一行显示，那么定位的价值是让我们的盒子移动到我们想要的位置上去。
12345678910111213141516171819202122<head> <style type="text/css"> .box ...
Centos系统Nginx配置
Nginx 配置安装环境依赖1yum -y install gcc gcc-c++ automake pcre pcre-devel zlib zlib-devel openssl-devel
下载Nginx包123mkdir /export/server #创建存放安装包的文件cd /export/server #进入文件中wget http://nginx.org/download/nginx-1.16.1.tar.gz #通过wget命令下载Nginx包
编译Nginx1234567tar -zxvf nginx-1.16.1.tar.gz #解压安装包 #编译Nginx./configure --with-http_ssl_module ./configure --with-stream ./configure --with-http_ssl_module --with-stream ./configure
安装Nginx12make && make install
启动Nginx123cd /usr/local/nginx/sbi ...
Nginx
Nginxnginx简介
Nginx 可以作为静态页面的 web 服务器，同时还支持 CGI 协议的动态语言，比如 perl、php 等。但是不支持 java。Java 程序只能通过与 tomcat 配合完成。Nginx 专为性能优化而开发
背景介绍
nginx是一个具有高性能的http和反向代理的服务器，也是一个pop3/smtp/imap代理服务器
是由伊戈尔.塞索耶夫（俄罗斯人）使用c语言编写的
nginx的第一个版本是2004年10月4号发布的0.1.0版本
作者将nginx的源码进行了开源，为nginx的发展提供了良好的保障
nginx也可以作为电子邮件代理服务器
nginx优点
单次请求或高并发请求的环境下，nginx比其他web服务器响应的速度更快
正常情况下，单次请求会得到更快的响应
在高峰期（数以万计的并发请求），nginx比其他web服务器响应更快
nginx采用了多进程和I/O多路复用（epoll）的底层实现
3.1 速度快，并发高
单次请求或高并发请求的环境下，nginx比其他web服务器响应的速度更快
正常情况下，单次请求会 ...
markdown使用
markdown使用代码块编写方式123<div class="footer-content"> <a href="https://www.baidu.com" rel="nofollow noopener"><span>代码块编使有 ``` bash开始 由 ```结束</span></a> </div>
*表示 * 星号
引用标识符
区块显示
区块显示
区块显示
分割线 字体 文字斜体 是由: * 内容*
文字斜体 是由: _ 内容_
文字加粗 是由: ** 内容**这里加粗 是由: __ 内容__
列表无序列表
无序列表*
无序列表*
无序列表+
无序列表+
无序列表+
有序列表
有序列表1
有序列表2
有序列表3