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