Java Web
-dzy-
国子先生晨入太学,招诸生立馆下,诲之曰:“业精于勤,荒于嬉;行成于思,毁于随。”
展开
-
table布局
<td width="20%" style="background-color:green;height:1000px; width:20%;align:top;"> <td width="60%" style="background-color:yellow;height:1000px;width:60%; text-align:center;"原创 2017-03-27 20:16:02 · 1020 阅读 · 0 评论 -
二列布局
两列自适应布局:会随着浏览器窗口宽度改变。width:百分比 float,用的少,一般使用的是固定宽度的两列布局 固定宽度的两列布局:给他们加个固定宽度的父元素盒子 自适应宽度的两列布局 二列布局 body{margin:0;padding:0;} .left{width:20%;height:500px;float:left;background-color:#ccc;}原创 2017-03-25 17:18:26 · 245 阅读 · 0 评论 -
中间自适应的三列布局
左右列固定宽度,中间列自适应。 左侧绝对定位:position:absolute;left:0;top:0; 右侧绝对定位:position:absolute;right:0;top:0; 中间宽度定义去掉,加上左右的margin值,margin:0 310px 0 210px; 上右下左(中间空一点出的话,增加margin属性值便可以实现) <!DOCTYPE html PUBLIC "-//原创 2017-03-25 18:35:18 · 261 阅读 · 0 评论 -
JavaScript确认框、对话框、新打开窗口
JavaScript-警告(alert 消息对话框) 语法: alert(字符串或变量); JavaScript-确认(confirm 消息对话框) 语法: confirm(str); 参数说明: str:在消息对话框中要显示的文本 返回值: Boolean值 返回值: 当用户点击"确定"按钮时,返回true 当用户点击原创 2017-04-01 19:22:37 · 2606 阅读 · 0 评论 -
JavaScript改变样式
javascript body{font-size:12px;} #txt{ height:400px; width:600px; border:#333 solid 1px; padding:5px;} p{ line-height:18px; text-indent:2em;} JavaScript课程 JavaScript为网页添加动态效原创 2017-04-01 21:19:15 · 604 阅读 · 0 评论 -
CSS三种样式
1、使用内联式CSS设置“超酷的互联网”文字为粉色。 2、然后使用嵌入式CSS来设置文字为红色。 3、最后又使用外部式设置文字为蓝色(style.css文件中设置)。 最终可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码原创 2017-03-26 14:55:27 · 343 阅读 · 0 评论 -
YAHOO!军规
前端优化 一.尽可能减少HTTP请求数 http请求的定义:从客户端到服务器端的请求消息。包括消息首航中,对资源的请求方法,资源的标识符及使用的协议。 http请求的菜鸟概论: 当你在网页中看到的文字,图片都是你从服务器获取的,每一个内容的获取,都是一个http的请求;每一个内容(如文字、图片、js、css)的获取,就是一个http请求; ·如何优化请求:文字,图片合并,js合并原创 2017-05-01 11:46:55 · 479 阅读 · 0 评论 -
Ajax概念介绍
一、Ajax概念AJAX:Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)Ajax不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。使用Ajax技术的网页,通过在后台跟服务器进行少量的数据交互,网页就可以实现异步局部更新二、同步和异步1.同步:就是用户填写完信息之后,全部提交给服务器,等待服务器的回应,是一次性全...原创 2017-05-13 18:50:14 · 506 阅读 · 0 评论 -
混合布局
混合布局:块与块的布局 三种状态:块挨着块,块嵌套着块,块叠压着块。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 混合布局 body {margi原创 2017-03-27 21:18:51 · 345 阅读 · 0 评论 -
div+css网页标准布局实例
效果图 html文件 主页 搜索产品 首页 企业新闻 企业简介 产品展厅 企业历史 招商加盟原创 2017-09-03 10:14:50 · 1363 阅读 · 0 评论 -
伸缩菜单的制作-改变高度
导航条菜单 *{margin:0;padding:0;font-size:14px;} ul{list-style:none;height:50px;border-bottom:5px solid #F60;padding-left:30px;} a{float:left;text-decoration:none;display:block;height:30px;width:120px;lin原创 2017-03-31 21:17:55 · 327 阅读 · 0 评论 -
圆角菜单的制作
制作圆角菜单:在a标签上加上背景background:圆角图片,然后给a加上一个class,默认选中状态下,.on,a:hover{background-position:0 -30px}x轴不动,y轴上移30px. 背景图片上半部分为默认背景,下半部分为圆角背景,总高度60px images文件: 导航条菜单 *{margin:0;padding:0;font-size原创 2017-03-31 21:01:51 · 349 阅读 · 0 评论 -
HTML表单
账号: 密码: 男 电子邮件: 时间选择器: URL地址: 年龄: 熟练程度: 选择文件: 政府职员 工程师 工人 教师 医生 学生 歡迎瀏覽漢納有限公司 (簡稱「漢納」和「我們」) 的網站。閣下訪問和使用本網站 (簡稱「本網站」)是受下列條款及細則 (簡稱「使用條款」) 的約束。使用和/或在本網站上訂貨之前,請仔細閱讀以下使用條款。如閣下瀏覽本網站和於本網站購物,閣下將被視原创 2017-03-14 22:31:48 · 258 阅读 · 0 评论 -
一列布局
一列布局适用于:简单明了,主题突出,适合放置简单的内容例如文字,大号标题。不适合放置多行文字。由于宽度过长,多行文本阅读时容易串行 一列布局 body {margin:0;padding:0;} .top {height:100px;background-color:blue;} .main {width:800px;height:300px;background: #ccc;marg原创 2017-03-25 16:45:38 · 189 阅读 · 0 评论 -
盒子模型
块级元素和行级元素都是盒子模型。 1.盒子模型=网页布局的基石 由4部分组成:边框(border)、外边距(margin)、内边距、(padding)、盒子中的内容(content)。 2. 边框(border)、外边距(margin)、内边距、(padding)是盒子模型的属性, 有四个方向,可以设定属性值。 顺时针方向设置,为上、右、下、左 3.三个值的属性为原创 2017-03-28 16:37:16 · 262 阅读 · 0 评论 -
绝对定位布局
position属性设置,能够实现横向多列布局及较为复杂的定位,比如带有遮罩层效果的提示框、固定层效果、全屏广告等。 position拥有3种定位形式:1、静态定位;2、相对定位;3、绝对定位。 position可以设置4个属性值:1、static(静态定位) 2、relative(相对定位) 3、absolute(绝对定位,属于绝对定位) 4、fixed(固定定位,属于绝对定位)原创 2017-03-28 22:03:39 · 265 阅读 · 0 评论 -
浮动布局
float3个属性值: left-左浮动 right-右浮动 none-不浮动 特点: 1.元素会左移,或右移,直至碰触到容器为止。 2.设置了浮动的元素,仍旧处于标准文档流中,意味着它仍占据标准文档中的空间,会对它周围的元素产生影响。 3.当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化。 4.当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特质紧原创 2017-03-28 21:51:54 · 215 阅读 · 0 评论 -
微博用户发言信息列表
1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。 微博用户发言信息列表 .demo01{width:600px;position:relative;overflow:hidden;} .demo01 .left{width:100px;原创 2017-03-29 23:06:42 · 433 阅读 · 0 评论 -
HTML基础标签
文字与段落排版,超链接,图像,表格,列表标签 标题标签 强制换行标签 指向本页中的链接 一级标题标签 二级标题标签 三级标题标签 四级标题标签 五级标题标签 六级标题标签 超链接标签 指向电子邮件的链接 段落标签-- 段落标签--段落标签--段落标签--段落标签--段落标签--段落标签--段落标签--段落标签--段落标签--段落标签--段落标签--段原创 2017-03-13 21:13:40 · 247 阅读 · 0 评论 -
垂直菜单的制作
1.用ul无序列列表构建菜单 2.清除默认样式 *{margin:0;padding:0;} 清除ul的样式 ul{list-style:none},能去掉前面的默认小圆点 去掉a标签的下划线 a{text-decoration:none} 在导航栏中经常用 height: 30px;line-height: 30px;可使文字垂直居中。 3.如果用为文字前面增加像素,最好用缩进的方式来实现原创 2017-03-30 22:23:53 · 524 阅读 · 0 评论 -
水平菜单的制作
用float属性使垂直菜单变为水平菜单 导航条菜单 *{margin:0;padding:0;font-size:14px;} ul{list-style:none;} a{float:left;text-decoration:none;display:block;height:30px;width:100px;line-height:30px;background-color:#cc原创 2017-03-30 22:42:36 · 318 阅读 · 0 评论 -
网页布局
W3C标准:由万维网联盟制定的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS) 行为标准语言(DOM和ECMAScript) 倡导结构、样式、行为分离 布局分为:流式布局、浮动布局、绝对定位布局 CSS中,存在3种的定位机制: 标准文档流(Normal flow) 浮动(Floats) 绝对定位(Absolute positio原创 2017-03-27 22:36:00 · 181 阅读 · 0 评论 -
简易计算器
“=”按钮被点击时触发点击事件 调用函数count() 用getElementById()方法获取文本框的值 用parseInt()方法将输入框中的文本值转换为int类型 switch()对获取到的选择框的值进行判断 将得到的结果赋值给输出框 简易计算器 function count(){ //获取第一个输入框的值 va原创 2017-04-10 09:21:54 · 308 阅读 · 0 评论 -
DOM事件
一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。 二、事件处理程序 1、HTML原创 2017-09-03 16:07:36 · 302 阅读 · 0 评论