摘要:
浮动的特性 加了浮动的元素,会具有很多特性 1.浮动元素会脱离标准流(脱标) 2.浮动的元素会一行内显示并且元素顶部对齐 3.浮动的元素会具有行内块元素的特性 脱标 脱标最大特点就是浮动的盒子不再保留原来的位置 假设我们有两个盒子,现在把上面的盒子设置为浮动的 这样上面的盒子就不再保留原来的位置,下 阅读全文
摘要:
简述 网页布局的本质——用CSS来拜访盒子,把盒子拜访到相应位置。 CSS提供了三种传统布局方式:普通流、浮动、定位。 我们还可以通过弹性盒子、网格改变CSS的布局。 标准流 标准流就是标签按照规定好默认方式排列。 1.块级元素会独占一行,从上到下排列 2.行内元素会按照顺序,从左到右顺序排列,碰到 阅读全文
摘要:
在一些常见的网站,我们把鼠标移动到盒子,盒子下方就会浮现阴影 在CSS3中,我们可以使用box-shadow属性为盒子增加阴影 属性值如下: 我们实操一下,首先先准备一个盒子 首先是前两个参数,代表阴影在xy轴的位置,我们先看 0 0会是什么效果 可以看到阴影整齐地出现在盒子的外围,通过调整第一第二 阅读全文
摘要:
什么是HTTP协议 HTTP协议是超文本传输协议,是互联网上用得最广泛的一种网络协议。它是一个基于请求和响应模式的,无状态的,应用层的协议,运行在TCP协议基础之上。 HTTP协议的特点 •支持B/S架构 •简单快速:客户端只向服务器发送请求方式和路径,服务器即可响应数据,因此通信很快。请求方式常用 阅读全文
摘要:
在CSS3中,新增了圆角边框样式,这样我们的盒子就可以变成圆角的了。 语法: 例如我现在有一个300*150 现在我们加入这句语法,指定圆半径为10px、 我们的边框就变成圆角的了 其原理就是在矩形的四个角放一个半径为你指定的圆,让矩形的边框沿着圆的边框走 如果是正方形,想要设置成一个圆,把数值修改 阅读全文
摘要:
简述 平时我们修改一点代码,然后在idea里启动tomcat,那个叫热部署。 如果你的代码写好了,bug调好了,想要这个web项目上线,就需要用到war包了。 1.通过war包部署 2.配置conf/server.xml文件 3.通过xml配置文件进行热部署。 什么是war包 war是一个可以直接运 阅读全文
摘要:
简述 如果我们要做一个前端的快报模块,我们该怎么设计呢? 步骤 首先我们分析一下它的构成,我们可以划分为三个部分,一个超大的盒子,还有上下两个小部分 第一步我们设计我们的大盒子,我们起名叫box,设置它的宽度和高度,设置边框样式,然后让他水平居中 然后我们设计快报的头部,我们采用一个只有下边框的盒子 阅读全文
摘要:
简述 如果我们想实现这样一个小米盒子案例,我们应该怎么做呢? 首先我们来了解一下它的结构 它首先肯定是由一个大盒子包含起来的,这里用div实现,我们起名叫box 然后我们准备一张图片放在盒子上方,使用img标签即可 图片下面有一个文字评论,我们这里用段落标签即可,起名叫review 文字评价下面还有 阅读全文
摘要:
简述 CSS的盒子模型本质上就是一个用于装html元素的盒子,它包括:边框、外边距、内边距和实际内容。content就是我们实际内容的html元素,border就是盒模型的边框,在边框内的距离就是内边距,在边框外的距离就是外边距。 如果你给盒子设置宽和高,设置的是content的宽和高,整个盒子的宽 阅读全文
摘要:
简述 除了手动创建servlet字节码放到tomcat服务器,我们还可以利用我们强大的Idea创建我们的web项目。 步骤 在创建新项目我们按如下步骤创建项目: 输入项目名称后就完成了项目的创建 创建出来的项目结构如下图所示: 使用开发工具编写servlet,仍要手动导入servlet-api.ja 阅读全文