Java菜鸟学习日记8
来源:互联网 发布:java 读取jar包内文件 编辑:程序博客网 时间:2024/05/28 16:05
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(解压路径)
- 该路径后面不能有\,否则报错
- 把Tomcat当作普通的网络程序使用
- bin:编译好的程序或工具
- startup.bat:可以以普通程序的方式启动Tomcat
- 关闭窗口则Tomcat关闭
- Eclipse实际上就以这种方式调用Tomcat
- startup.bat内部会设置临时环境变量,然后调用catalina.bat。处理参数,日志设置,设置CLASSPATH、主类、最后执行主类
- shutdown.bat:关闭Tomcat
- 但通常不用
- startup.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服务
- 优势
阅读全文
0 0
- Java菜鸟学习日记8
- Java菜鸟学习日记1
- Java菜鸟学习日记2
- Java菜鸟学习日记3
- Java菜鸟学习日记4
- Java菜鸟学习日记5
- Java菜鸟学习日记6
- Java菜鸟学习日记7
- Java菜鸟学习日记9
- Java菜鸟学习日记10
- Java菜鸟学习日记11
- Java菜鸟学习日记12
- Java菜鸟学习日记13
- Java菜鸟学习日记14
- Java菜鸟学习日记15
- Java菜鸟学习日记16
- Java菜鸟学习日记17
- Java菜鸟学习日记18
- javascript ES5中的数组的迭代方法和归并方法
- PHP根据两点间的坐标计算距离
- 快速排序
- 【docker】进入容器内部 命令 docker-compose系列
- 计算有效字符的长度
- Java菜鸟学习日记8
- linux系统产生随机数的方法
- Java 内部类
- 数据库事务
- 洛谷P2889 [USACO07NOV]挤奶的时间Milking Time
- 1785 数据流中的算法(模拟,乱搞)
- 简单选择排序(C语言版本)
- 1201: 华科版C语言程序设计教程(第二版)课后习题3.7
- 未解决问题集合