Java菜鸟学习日记8
2017-07-11 20:45
357 查看
CSS布局
布局的发展
流式布局（图文）
浮动
定位
弹性（Flex）—>移动互联网时代产生的
流式布局
局限性：
适合布局文档类型（图文混排）的页面
自动布局
如果想改变标签的大小和位置、只能通过盒模型进行有限调整
width、height、margin、padding、border
HTML产生的时候，目的只是为了显示科学文章
浮动
作用
改善图文混排的效果，形成图片环绕
性质 ul/li
将li设计为左浮动时，li会漂浮到文档流（流式布局）的上面
第一个li排到最left侧，后续往右排
ul中的li从文档流脱离会导致ul坍塌
而ul下方内容（无论行，还是块）都会往上移，占据ul原来的空间
清除（让后续内容不受影响的方法）
clear:left/right/both
让ul不坍塌，设置ul的height
定位
相对定位
让标签相对于自己原来的位置偏移，用于微调标签元素的位置
position：relative
top： left： right： bootton
固定位置
让标签相对于窗口边缘固定位置，用于将标签停靠在窗口边缘
position:fixed
top： left： right： bootton
当标签固定位置后，会从文档流（流式布局）中脱离，它所占得空间会完全让出来
当块标签固定位置时，宽度会塌缩，不再是100%。但是可以通过width：100%设置回来
固定位置时，网页内容会被遮挡（滚动条已经无法将内容滚动出来）
此时需要调整body的padding值，让网页的内容大一点
多个标签都固定位置，并且相互遮挡，此时可以使用z-index控制遮挡顺序，值越大越靠上
绝对定位
position：absolute
参照物的确定
沿着标签向上找，如果遇到一个标记position的标签，就以此标签为参照物。没找到就继续往上，直到body
默认定位
position：static
弹性布局
CSS Flex里边自己看
显示和隐藏
隐藏：display:none
显示：不写display或着设置block\inline\inline-block
block：可以把标签强制为块元素
inline：可以把标签强制行元素
inline-block可以把标签强制行内块
visibility
显示：visble
隐藏：hidden
区别display隐藏后，不占位置，空间会让出来。visibility隐藏后仍占据空间，其他标签无法占据其空间
半透明
opacity：0~1
可以控制标签半透明
超链接
：ink——>为触发时
：visited——>访问过之后
：hover——>鼠标移上去active——>鼠标按下来
顺序很重要
表格
border-collapse：表格边框塌缩
border-spacing：设置相邻单元格的边框间的距离
页面分析
标签分析
主要从内容和功能两方面考虑
选择合适的标签，以及弄清标签之间的关系
标签越少越好
CSS小技巧
box-shadow: 20px 10px 10px;
设置阴影，右边20px，下边10px，阴影虚化10px
border-radius: 10px;
设置圆角，半径为10px
calc(100% - 60px)
Tomcat
服务器
从软件角度来理解
服务器就是个网络程序
是一个处于监听状态的网络程序
只要有请求到达，就会立即处理请求并返回响应
Tomcat就是这样一个网络程序
它默认监听8080端口
它负责接收HTTP协议请求
它能够让程序员编程处理响应（它需要把写好的程序放到Tomcat中）
从硬件角度理解
服务器是安装了Tomcat等网络程序的计算机
安装和配置Tomcaat
把Tomcat当作普通的网络程序使用
下载Tomcat
解压到F:/Tomcatapache-tomcat-9.0.0.M17
配置环境变量
确保存在JAVA_HOME（必须是这个名字）并指向JDK的安装路径
确保CLASSPATH指向%JAVA_HOME%\lib\tools.jar
新建一个CATALINA_HOME=F:/Tomcatapache-tomcat-9.0.0.M17（解压路径）
该路径后面不能有\，否则报错
bin：编译好的程序或工具
startup.bat：可以以普通程序的方式启动Tomcat
关闭窗口则Tomcat关闭
Eclipse实际上就以这种方式调用Tomcat
startup.bat内部会设置临时环境变量，然后调用catalina.bat。处理参数，日志设置，设置CLASSPATH、主类、最后执行主类
shutdown.bat：关闭Tomcat
但通常不用
conf：配置文件
lib：jar包
logs：日志文件（Tomcat运行时会生成很多日志，安装Tomcat位置必须有写权限）
temp：临时文件（写权限）
webapps：我们写的BS架构应用（Servlet/JSP/框架应用）
每一个应用一个文件夹
把Tomcat安装成Windows服务
优势
可以随计算机启动而自动启动（就算计算机重启，也不用手动启动它）
当Tomcat奔溃时，会自动重启
当需要长时间以商业方式正式运行一个应用时
执行bin\service.bat install
内部原理是找到tomcat9.exe当有install参数时，会调用tomcat9.exe并且传递新的参数。要求把tomcat安装成windows服务
布局的发展
流式布局（图文）
浮动
定位
弹性（Flex）—>移动互联网时代产生的
流式布局
局限性：
适合布局文档类型（图文混排）的页面
自动布局
如果想改变标签的大小和位置、只能通过盒模型进行有限调整
width、height、margin、padding、border
HTML产生的时候，目的只是为了显示科学文章
浮动
作用
改善图文混排的效果，形成图片环绕
性质 ul/li
将li设计为左浮动时，li会漂浮到文档流（流式布局）的上面
第一个li排到最left侧，后续往右排
ul中的li从文档流脱离会导致ul坍塌
而ul下方内容（无论行，还是块）都会往上移，占据ul原来的空间
清除（让后续内容不受影响的方法）
clear:left/right/both
让ul不坍塌，设置ul的height
定位
相对定位
让标签相对于自己原来的位置偏移，用于微调标签元素的位置
position：relative
top： left： right： bootton
固定位置
让标签相对于窗口边缘固定位置，用于将标签停靠在窗口边缘
position:fixed
top： left： right： bootton
当标签固定位置后，会从文档流（流式布局）中脱离，它所占得空间会完全让出来
当块标签固定位置时，宽度会塌缩，不再是100%。但是可以通过width：100%设置回来
固定位置时，网页内容会被遮挡（滚动条已经无法将内容滚动出来）
此时需要调整body的padding值，让网页的内容大一点
多个标签都固定位置，并且相互遮挡，此时可以使用z-index控制遮挡顺序，值越大越靠上
绝对定位
position：absolute
参照物的确定
沿着标签向上找，如果遇到一个标记position的标签，就以此标签为参照物。没找到就继续往上，直到body
默认定位
position：static
弹性布局
CSS Flex里边自己看
显示和隐藏
隐藏：display:none
显示：不写display或着设置block\inline\inline-block
block：可以把标签强制为块元素
inline：可以把标签强制行元素
inline-block可以把标签强制行内块
visibility
显示：visble
隐藏：hidden
区别display隐藏后，不占位置，空间会让出来。visibility隐藏后仍占据空间，其他标签无法占据其空间
半透明
opacity：0~1
可以控制标签半透明
超链接
：ink——>为触发时
：visited——>访问过之后
：hover——>鼠标移上去active——>鼠标按下来
顺序很重要
表格
border-collapse：表格边框塌缩
border-spacing：设置相邻单元格的边框间的距离
页面分析
标签分析
主要从内容和功能两方面考虑
选择合适的标签，以及弄清标签之间的关系
标签越少越好
CSS小技巧
box-shadow: 20px 10px 10px;
设置阴影，右边20px，下边10px，阴影虚化10px
border-radius: 10px;
设置圆角，半径为10px
calc(100% - 60px)
Tomcat
服务器
从软件角度来理解
服务器就是个网络程序
是一个处于监听状态的网络程序
只要有请求到达，就会立即处理请求并返回响应
Tomcat就是这样一个网络程序
它默认监听8080端口
它负责接收HTTP协议请求
它能够让程序员编程处理响应（它需要把写好的程序放到Tomcat中）
从硬件角度理解
服务器是安装了Tomcat等网络程序的计算机
安装和配置Tomcaat
把Tomcat当作普通的网络程序使用
下载Tomcat
解压到F:/Tomcatapache-tomcat-9.0.0.M17
配置环境变量
确保存在JAVA_HOME（必须是这个名字）并指向JDK的安装路径
确保CLASSPATH指向%JAVA_HOME%\lib\tools.jar
新建一个CATALINA_HOME=F:/Tomcatapache-tomcat-9.0.0.M17（解压路径）
该路径后面不能有\，否则报错
bin：编译好的程序或工具
startup.bat：可以以普通程序的方式启动Tomcat
关闭窗口则Tomcat关闭
Eclipse实际上就以这种方式调用Tomcat
startup.bat内部会设置临时环境变量，然后调用catalina.bat。处理参数，日志设置，设置CLASSPATH、主类、最后执行主类
shutdown.bat：关闭Tomcat
但通常不用
conf：配置文件
lib：jar包
logs：日志文件（Tomcat运行时会生成很多日志，安装Tomcat位置必须有写权限）
temp：临时文件（写权限）
webapps：我们写的BS架构应用（Servlet/JSP/框架应用）
每一个应用一个文件夹
把Tomcat安装成Windows服务
优势
可以随计算机启动而自动启动（就算计算机重启，也不用手动启动它）
当Tomcat奔溃时，会自动重启
当需要长时间以商业方式正式运行一个应用时
执行bin\service.bat install
内部原理是找到tomcat9.exe当有install参数时，会调用tomcat9.exe并且传递新的参数。要求把tomcat安装成windows服务
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 