Java Web学习day05------CSS、Web核心、Tomcat

CSS新增属性

1、边框样式
  border-radius 边框的弧度
2、文本样式

属性	备注
line-height	设置行高
font-family	规定文本的字体系列
vertical-align	设置元素的垂直对齐方式
text-decoration	规定添加到文本的装饰效果 (下划线之类)

表格标签

相关标签

1、概述：
  <table> </table>：定义一个表格
  <tr> </tr> ：定义表格中的行(table row)
  <td> </td>：定义表中的单元格(table data)
  <th> </th>：定义行中的表头(table head) --其实就是在td的基础上加粗并且居中
2、示例：
（1）格式示例：

<table>
	<tr>
		<th>表头1</th>
		<th>表头2</th>
	</tr>
	<tr>
		<td>数据1</td>
		<td>数据2</td>
	</tr>
</table>

（2）示例效果

表头1	表头2
数据1	数据2

相关属性

属性	备注
width	定义宽度
height	定义高度
border	定义边框
cellpadding	规定单元边沿与其内容之间的空白
cellspacing	规定单元格之间的空白
rowspan	单元格跨行(写在td)
colspan	单元格跨列(写在td)

其他样式

1、控制背景重复
  background-repeat
2、控制轮廓
  outline
3、控制布局
  display
    行级标签:默认是inline (span,font,a)
    块级标签:默认是block (div,p,h1)
4、盒子模型
  主要用于像素级的调整
  margin 外边距
  padding 内边距
  box-sizing: border-box;/*让盒子的宽高就是最终盒子的大小*/

发布项目

1、安装tomcat
（1）在根目录下建一个文件夹tomcat,用来存放tomcat软件
（2）将apache-tomcat-9.0.29.tar.gz拖到tomcat文件夹中
（3）使用tar -zxvf 命令解压apache-tomcat-9.0.29.tar.gz
（4）systemctl status firewalld.service 查看防火墙服务
（5）systemctl stop firewalld.service 停用防火墙服务
（6）systemctl disable firewalld.service 禁用防火墙服务
2、发布项目
  可以直接使用tomcat来发布(tomcat可以发布静态和动态页面,nginx只能发布静态页面)
（1）将压缩文件web.zip拖到apache-tomcat-9.0.29的webapps文件夹下
（2）使用unzip命令解压web.zip
（3）进入到apache-tomcat-9.0.29的bin目录下,使用 ./startup.sh 运行tomcat
（4）在浏览器中输入http://192.168.23.129:8080/web访问

web核心概念

1、资源的分类

（1）静态资源
  html、css、js
（2）动态资源
  servlet、jsp、php、在线邮箱本质就是一个数据库,根据用户名和密码去数据库中查询对应的记录,动态的生成html页面（生成的是一个静态的HTML）,发给浏览器去展示。（浏览器只能解析静态的页面 ）

2、软件的架构

（1）b/s：浏览器/服务器，数据都是从服务器过来的，服务器的压力比较大
（2）c/s：客户端/服务器，和本地交互很方便，占用本地资源比较大

3、通信三要素

（1）ip：设备在网络中的唯一标识
（2）端口：程序在设备中的唯一标识
（3）协议：规定了数据传输的格式
  UDP：发包，不区分客户端和服务器
  TCP：IO流，区分客户端和服务器

4、服务器概念

（1）服务器
  高性能的计算机
（2）web服务器
  一台装有web服务器软件的计算机
（3）web服务器软件
  一个能够接受请求,处理请求,做出响应的软件,例如tomcat

Tomcat[重点]

1、安装

（1）window:直接解压
（2）Linux:直接解压
（3）检验是否安装成功：bin目录下找到start.xxx文件，运行该文件，将Tomcat启动起来，然后访问:http://localhost:8080/test/hello.html

2、集成

3、项目发布

4、三个默认

（1）默认端口号
  80 — 访问的时候不用输入
（2）默认的页面
  index开头

	<welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>

（3）默认的项目
  ROOT