
CSS
逸少KevinLM
唯有知识可以永恒
展开
-
js on绑定事件
abort 当用户中断下载图像时触发。activate 当对象设置为活动元素时触发。afterprint 对象所关联的文档打印或打印预览后立即在对象上触发。afterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。beforeactivate 对象要被设置为当前元素前立即触发。beforecopy 当选中区复制到系统剪贴板之前在源对象触发。beforecut 当选中区从文档中...转载 2018-04-15 16:35:36 · 869 阅读 · 0 评论 -
FLV视频播放代码
代码: http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="500" height="400"> Flvplayer.swf" /> http://www.***.com/123.flv&L转载 2016-12-17 21:14:06 · 726 阅读 · 0 评论 -
ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
在网站设计的时候,应该注意css样式兼容不同浏览器的问题,特别是对完全使用DIV CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网页可能会和你理想的效果相去十万八千里!海量权威开发资料。所有浏览器 通用 height: 100px; IE6 专用 _height: 100px;IE6 专用 *height: 100px;转载 2016-12-17 21:12:30 · 552 阅读 · 0 评论 -
CSS块级元素和行内元素
块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是,table标签也是块元素的一种,table ba转载 2016-12-17 21:11:38 · 314 阅读 · 0 评论 -
HTML CSS 控制浮动元素居中
基本的html结构:12345--> p1p2p3p4p5欲实现效果: 浮动元素居中的出现条件:*1.首先是内部元素需要设置宽高*2.元素需要同行显示*3.元素需要居中分析:如果想对一个元素设置宽高,那么元素类型就不能够是行内元素,只能够是块状元素)*如果内部开始为块转载 2016-12-17 20:33:24 · 1404 阅读 · 0 评论 -
ExtJS框架 使用树控件TreeNode \ TreeLoader
ExtJS是一个Ajax框架,是一个用javascript写的,用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,转载 2016-12-15 00:34:21 · 2160 阅读 · 0 评论 -
JSP中Page指令用法详解
本文实例讲述了jsp中page指令用法。分享给大家供大家参考。具体如下:一、JSP 指令JSP 指令(directive)影响由 JSP 页面生成的 servlet 的整体结构。下面的模板给出指令的两种可能形式。属性值两边的双引号可以替换为单引号,但引号标记不能完全省略。如果要在属性值中使用引号,则要在它们之前添加反斜杠,' 使用 \'," 使用 \"?转载 2016-11-23 00:22:09 · 1726 阅读 · 0 评论 -
Bootstrap学习笔记(三) 网格系统
4-1实现原理 网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。 div class="container"> div class="row">转载 2016-11-22 13:55:01 · 990 阅读 · 0 评论 -
Bootstrap学习笔记(一) 排版
从Bootstrap网站下载Bootstrap3中文文档(V3.3.5),解压到本地。由于幕课上排版系列课程主要用的是Bootstrap的Css,所以下载解压,将其中的bootstrap.min.css复制粘贴到我保存html文件里的一个styles文件夹中,此文件夹专用来保存css文件。编辑器使用 sublime text3。然后再html文件的head里插入如下代码即可使用了:转载 2016-11-22 13:53:05 · 523 阅读 · 0 评论 -
Bootstrap学习笔记(二) 表单
在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变。3-1 基础表单 单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 在Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名“form-control”,将会实现一些设计上转载 2016-11-22 13:50:21 · 836 阅读 · 0 评论 -
CSS3 区域模块 region相关编写示例
region 属性: 印刷媒体,例如一本杂志或一份报纸,相比网站最大的优势是完全灵活的安排页面和段落布局。例如,印刷媒体已经能够优雅地在多个列中填充内容,甚至复杂到如下面屏幕截图所示。 然而,由于Web的内容结构,试图在web上模仿类似的布局非常棘手。 为了使页面布局更加灵活到如印刷媒体一般,一个新的CSS3模块出现了——CSS3 regions。相转载 2016-12-14 22:53:03 · 2429 阅读 · 0 评论 -
JS 页面跳转示例
3布丁足迹;秒后自动跳转……function countDown(secs){ tiao.innerText=secs; if(--secs>0) setTimeout("countDown("+secs+")",1000); } countDown(3); 按钮式: 链接式: 返回上一步转载 2016-11-21 16:20:55 · 576 阅读 · 0 评论 -
window.dialogArguments 使用问题
window.dialogArguments 是什么 window.dialogArguments 即为父窗口window对象的引用。父类窗口代码(弹出模式对话框):window.showModalDialog( url, window ); 例如://子窗体关闭的时候刷新父窗体window.dialogArguments.location.href=wind转载 2016-12-19 13:59:08 · 11392 阅读 · 0 评论 -
了解word-wrap和word-break的区别
这两个东西是什么,我相信至今还有很多人搞不清,只会死记硬背的写一个word-wrap:break-word;word-break:break-all;这样的东西来强制断句,又或者是因为这两个东西实在是太拗口了,长得又差不多,导致连背都很难背下来。那它们到底是什么呢?我在mozilla的官网上找到如下的解释:word-wrapword-break我们看转载 2017-01-04 11:44:16 · 359 阅读 · 0 评论 -
JSP 九大隐式对象及其out对象
本篇将介绍JSP中的九大隐式对象,并重点介绍其中的out对象。 我们在之前的博客《JSP的学习(1)——基础知识与底层原理》一文中已经知道,JSP最终要被翻译和转换成Servlet,在转换后的Servlet中,由_jspService(…)方法代替我们以前直接使用Servlet中的service()方法,其实两个功能都是一样的,都是作为浏览器来访问,然后由服务器调用的方法。 但转载 2017-02-24 17:22:56 · 1085 阅读 · 0 评论 -
js获取iframe和父级之间元素,方法、属,获取iframe的高度自适应iframe高度
1、在父页面 获取iframe子页面的元素(在同域的情况下 且在http://下测试,且最好在iframe onload加载完毕后 dosomething...)js写法a、同过contentWindow获取也有用contentDocument 获取的 但是contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。contentDocument Firefox 支持,>...转载 2018-04-14 12:18:26 · 2209 阅读 · 0 评论 -
CSS的块级元素和行内元素
根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度、宽度、内外边距转载 2018-03-11 20:39:46 · 292 阅读 · 0 评论 -
CSS选择器和jQuery选择器的区别与联系
到底什么是选择器?通过常接触的CSS选择器和jQuery选择器理解一下,我们知道CSS是用于分离网页的结构和表现的,也就是说对于一个网页,HTML定义网页的结构,CSS描述网页的样子,一个很经典的例子是说HTML就像一个人的骨骼、器官,而CSS就是人的皮肤,有了这两样也就构成了一个植物人了,加上javascript,这个植物人就可以对外界刺激做出反应,可以思考、运动、可以给自己整容化妆(改变CSS转载 2017-07-14 14:36:40 · 1694 阅读 · 0 评论 -
css行高line-height的一些深入理解及应用
转自大神的文章本文地址:http://www.zhangxinxu.com/wordpress/?p=384一、前言前两天在腾讯ISD团队博客上看到一篇翻译的文章“深入理解css 行高”,是个不错的文章,学到了不少东西,建议您看看。这里,我也要讲讲我对line-height的一些理解,所讲解的东西绝大多数与上面提到的“深入理解css 行高”是不重复的,可转载 2017-07-14 14:39:18 · 534 阅读 · 0 评论 -
CSS 选择器权重计算规则
其实,CSS有自己的优先级计算公式,而不仅仅是行间>内部>外部样式;ID>class>元素。一、样式类型 1、行间我的行间CSS样式。 2、内联 h1{font-size:12px; color:#000; } 3、外部二、选择器类型 1、ID #id转载 2017-10-24 22:03:53 · 573 阅读 · 0 评论 -
Css解决表格超出部分用省略号显示
小伙伴们有没有的遇到页面显示时,因为数据太长导致显示的表格某一列过长,从而导致页面的不美观,下面我们来看一看如何用Css样式解决表格超出部分用省略号显示的问题。主要设置两个样式:1 table{2 table-layout: fixed; ==>固定布局的算法。在这种算法中,表格和列的宽度取决于col对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度。转载 2017-07-29 17:41:49 · 1341 阅读 · 0 评论 -
handlebars自定义helper的写法
handlebars相对来讲算一个轻量级、高性能的模板引擎,因其简单、直观、不污染HTML的特性,我个人特别喜欢。另一方面,handlebars作为一个logicless的模板,不支持特别复杂的表达式、语句,只内置了一些基本的语法,像if、each这些。可惜的是就连if都十分弱,只能判断值是否为true/false,或转化后是否为true/false,不能对值进行比较。不过,handlebars提转载 2017-04-18 14:50:45 · 602 阅读 · 0 评论 -
ajax 的一般示例
$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一、$.ajax的一般格式$.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType转载 2016-10-27 23:42:56 · 457 阅读 · 0 评论 -
artDialog4.0.5 弹出层
下载Google Code 项目主页最新版本:http://code.google.com/p/artdialog/downloads/list(如果因为中国网络特殊原因不能访问Google Code请自备工具翻墙) 文档应用到你的项目在页面head引入artDialog,注意如果文件带有skin参数将会无阻塞的方式自动加载对应的皮转载 2017-03-13 13:41:16 · 1390 阅读 · 0 评论 -
Bootstrap3 CSS样式基本用法总结
按钮ainputbutton都可以设置为按钮预置样式按钮大小块级按钮-btn-block禁用状态 classdisabled激活状态 classactive图片响应式图片-img-responsive图片的三种形状表格基本表格 table斑马线表格 table table-striped带边框表格 table table-bordered鼠标悬停表格 table t转载 2017-03-13 10:55:41 · 1037 阅读 · 0 评论 -
Ajax提交与传统Form表单提交的区别说明
Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求。比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现。网上的客服软件也是ajax请求的一个比较好的案例。传统的请求页面将实现刷新,因此局限性很大。1.为什么用AJAX?使用AJAX,用户对Web的体验会更“敏捷”:数据提交页面不会闪转载 2017-03-06 16:35:48 · 9048 阅读 · 0 评论 -
SSM框架搭建(Spring+SpringMVC+MyBatis)与easyui集成并实现增删改查实现
spring相关概念及SSM框架在本文当中就不多述了,直接上干货!一、用myEclipse初始化Web项目 新建一个web project:二、创建包controller //控制类service//服务接口service.impl//服务实现类dao //data access object(接口)dao.i转载 2017-03-08 14:45:57 · 1525 阅读 · 0 评论 -
xshell-常用命令
suse linux 常用命令 (1)命令ls——列出文件 ls -la 给出当前目录下所有文件的一个长列表,包括以句点开头的“隐藏”文件 ls a* 列出当前目录下以字母a开头的所有文件 ls -l *.doc 给出当前目录下以.doc结尾的所有文件 (2)命令cp——复制文件 cp afile afile.bak 把文件复制为新文件afile.bak c转载 2016-12-02 19:39:20 · 474 阅读 · 0 评论 -
JSP生成HTML静态文件原理
具体实现:利用Filter的过滤功能把*.jsp过滤出来,判断是否存在对应的.html文件,如果不存在对应的.html文件,则将其内容读出写入指定的.html文件,再跳转到对应的.html即可。如果存在对应的.html文件,则直接跳转到对应的.html即可。 代码:JspFilter.java:?123转载 2016-12-01 01:14:32 · 955 阅读 · 0 评论 -
DIV设置浮动后无法撑开外部DIV的解决办法
第一种:在浮动结束的容器后面加上这段代码意思是清除浮动。第二种:在外层DIV,也就是这里的DIV1的CSS里面加入以下CSS代码overflow: auto;这2种方法都可以实现DIV2把DIV1撑开。不过这里建议大家使用第一种方法,要养成一个习惯,在浮动应用完后消除浮动,这样后面的DIV就不会继承这个浮动(就像在编程的时候,在打开数据库,操转载 2016-11-30 23:45:53 · 5240 阅读 · 0 评论 -
html标签默认属性值之margin;padding
一.h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值。在chrome中:16,15,14,16,17,19;在firefox中:16,15,14,16,17,20;在safari中:16,15,14,16,17,19;在opera中:16,15,14,14,17,21;在maxthon中:16,14,14,15,1转载 2016-11-05 16:30:23 · 2174 阅读 · 0 评论 -
Get 和Post 请求原理详解
浅谈HTTP中Get与Post的区别 Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,改,增,删4个操作。到这里,大家应该有个大概的了解了,GET一般用于获取/转载 2016-11-05 00:09:09 · 7312 阅读 · 0 评论 -
post和get 请求区别+原理
一、原理区别一般我们在浏览器输入一个网址访问网站都是GET请求;再FORM表单中,可以通过设置Method指定提交方式为GET或者POST提交方式,默认为GET提交方式。HTTP定义了与服务器交互的不同方法,其中最基本的四种:GET,POST,PUT,DELETE,HEAD,其中GET和HEAD被称为安全方法,因为使用GET和HEAD的HTTP请求不会产生什么动作。不会产生动作意味转载 2016-11-05 00:06:53 · 4078 阅读 · 0 评论 -
浏览器刷新+缓存原理
为什么要使用web缓存? Web缓存存在于服务器和客户端之间。Web缓存密切注视着服务器-客户端之间的通信,监控请求,并且把请求输出的内容(例如html页面、 图片和文件)另存一份;然后,如果下一个请求是相同的URL,则直接使用保存的副本,而不是再次请求源服务器。使用Web缓存的好处是显而易见的:减少网络延迟,加快页面打开速度--缓存比源服务器离客户端更近,因转载 2016-11-04 23:51:34 · 4407 阅读 · 0 评论 -
js 刷新页面
如何实现刷新当前页面呢?借助js你将无所不能。1,reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")2,replace 方法,该方法转载 2016-11-04 17:01:14 · 387 阅读 · 0 评论 -
总结oninput、onchange与onpropertychange事件的用法和区别
前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数。过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效;而onkeydown/onkeypress/onkeyup在处转载 2016-11-04 11:59:57 · 2106 阅读 · 0 评论 -
JSP跳转五种方式
1. RequestDispatcher.forward()是在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet or JSP到另外一个Servlet,JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递转载 2016-10-23 23:12:55 · 637 阅读 · 0 评论 -
window.location.href/replace/reload()--页面跳转+替换+刷新
一、最外层top跳转页面,适合用于iframe框架集top.window.location.href("${pageContext.request.contextPath}/Login_goBack");==========================================================================================转载 2016-10-23 22:43:12 · 1831 阅读 · 0 评论 -
JSP页面跳转的方式
Servlet:当然,在servlet中,一般跳转都发生在doGet, doPost等方法里面。1) redirect 方式response.sendRedirect("/a.jsp");页面的路径是相对路径。sendRedirect可以将页面跳转到任何页面,不一定局限于本web应用中,如:response.sendRedirect("http://www.转载 2016-10-23 22:36:45 · 375 阅读 · 0 评论 -
快速理解 RequireJs
RequireJs提供了以下功能:声明不同js文件之间的依赖可以按需、并行、延时载入js库可以让我们的代码以模块化的方式组织初看起来并不复杂。在html中引入requirejs在HTML中,添加这样的 标签:script src="/path/to/require.js" data-main="/path/to/app/config.js">script>转载 2016-11-03 17:09:10 · 341 阅读 · 0 评论