Html5+css
th362cn
这个作者很懒,什么都没留下…
展开
-
CSS3学习笔记5-rgbal
/*rgbal*/div.rgbaL1 {background:rgba(153, 134, 117, 0.2); /*背景:红、绿、蓝、透明度*/width:575px;/*宽度*/height:20px; /*高度*/}div.rgbaL2 { background:rgba(153, 134, 117, 0.4); height:20px; }di转载 2013-01-27 22:08:10 · 368 阅读 · 0 评论 -
easyui datagrid 改变行值
原文地址:http://www.gkxsn.com/6347761983142187501.html在easyui datagrid 中如果要 改变当前选中行的值又不想用编辑状态,或者想从外部改变某一行的值,下面的方法可以做到function test() { var row = $('#datagrid').datagrid('getSelected原创 2013-05-13 09:34:24 · 4200 阅读 · 0 评论 -
Javascript定义类(class)的三种方法
原文地址:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html将近20年前,Javascript诞生的时候,只是一种简单的网页脚本语言。如果你忘了填写用户名,它就跳出一个警告。如今,它变得几乎无所不能,从前端到后端,有着各种匪夷所思的用途。程序员用它完成越来原创 2013-02-13 22:57:02 · 400 阅读 · 0 评论 -
使用 HTML5 视频事件
原文地址:http://technet.microsoft.com/zh-cn/library/hh924822(v=vs.85).NET Framework 3.0此主题尚未评级 - 评价此主题HTML5 视频事件提供改进和提高网页效率的方法。为什么要使用事件?我的网页准备好了么?我处于什么位置?现在该按钮可执行哪些操作?该转载 2013-02-13 22:49:01 · 6868 阅读 · 1 评论 -
CSS3中轻松实现渐变效果
本文原址:http://www.wzsky.net/html/Website/CSS/113768.html关键词:CSS3渐变效果渐变可以创建类似于彩虹的效果,低版本的浏览器不的不使开发者用图片来实现,CSS3将会轻松实现网页渐变效果。要得上面的线性渐变效果,我们这样去定义CSS3样式:background-image: -moz-linear-gradien转载 2013-02-01 21:07:53 · 467 阅读 · 0 评论 -
判断session是否有效
本文链接:http://www.cxybl.com/html/wlbc/Php/20120607/28693.html在以前的php 版本中,要判断session是否有效,只能用如下的方法:session_start();if(isset($_session)){echo "started";}else{echo "not started";} 而在转载 2013-02-01 19:09:14 · 2995 阅读 · 0 评论 -
css3的一个垂直居中
.center{ position: absolute; top: -webkit-calc(50% - 125px); left: -webkit-calc(50% - 75px); width: 250px; height: 150px;}注意:1、”50% - 125px“,这个表达式“-”号之间一定要有空格,否则无效果,真TMD原创 2013-01-30 23:19:25 · 618 阅读 · 0 评论 -
Layout with CSS3(翻译)
本章包含:。inline-block和table在css2上的显示效果。。calc和box-sizing属性让css2布局更具可管理性。。Media queries为不同设备定制不同的css样式。。新的css3布局模块:许多人对css1布局中贫乏的工具抱怨多年,这不是没有根据的批评,因为css1几乎没有布局工具,在设计师设计完成之前没人知道网页会呈现什么模样。在css2中加入了原创 2013-01-28 23:05:40 · 368 阅读 · 0 评论 -
CSS3实例学习2-tab
制作tab选择栏,原理就是使用radio作为标签,因为每次只能选择一个,所以和tab效果一样。1、html5代码如下: tab1 tab2转载 2013-01-27 23:15:02 · 703 阅读 · 0 评论 -
CSS3实例学习1-搜索框
1、html5代码如下:2、css3代码如下:/*搜索容器*/.searchinput{float:left; /*对齐*/width:160px; /*宽度*/height:28px; /*高度*/padding:0 0 0 5px; /*内间距*/border:#063 1px solid; /转载 2013-01-27 22:37:54 · 479 阅读 · 0 评论 -
CSS3学习笔记4-透明度
/*透明度*/div.opacityL1 {background:#036;/*背景颜色*/opacity:0.2; /*透明度*/width:575px;/*宽度*/height:20px;/*高度*/ }div.opacityL2 { background:#036; opacity:0.4; width:575px; height:20px; }转载 2013-01-27 22:01:50 · 301 阅读 · 0 评论 -
CSS3学习笔记2-背景图片(背景大小和多背景图)
/*背景图片*/#backgroundSize{ border: 5px solid #bd9ec4;/*边框样式*/ background:url(image_1.extention) bottom right no-repeat;/*背景:路径,放置在右下角,不重复*/ -o-background-size: 150px 250px;/*图片大小*/ -webkit转载 2013-01-27 21:32:17 · 430 阅读 · 0 评论 -
CSS3学习笔记1-圆角矩形
/*每个角都不相同的矩形*/#roundCornerI{ font-family: Arial;/*可选字体*/ border: 5px solid #dedede;/*边框样式*/ -moz-border-radius-topleft: 15px;/*左上角圆角半径:用于Firefox*/ -moz-border-radius-topright: 0px;转载 2013-01-27 21:10:01 · 1100 阅读 · 0 评论 -
CSS3学习笔记3-多列/多卷
/*多列/多卷*/#multiColumnWidth { text-align: justify;/*文字两段对齐*/ -moz-column-width: 20em;/*每列宽度:Firefox*/ -moz-column-gap: 2em;/*两栏之间的间距*/ -webkit-column-width: 20em;/*每列宽度:safari和chrome*/转载 2013-01-27 21:51:06 · 317 阅读 · 0 评论 -
CSS3实例学习3-模块变大
1、html5代码比较简单: 1 2 3 4 5 6 7 8 2、css3代码:/*页面属性*/*{margin:0; /*外转载 2013-01-27 23:42:24 · 501 阅读 · 0 评论 -
html5+css3布局尝试
今日刚学习了html5+css3布局入门,下面将学习的内容记录如下:一、预期目标实现一个博客的显示布局,如图:二、使用html5编写网页结构,代码容易理解:Layout TEST body Header Home转载 2013-01-24 18:32:51 · 2889 阅读 · 0 评论 -
easyui tree自定义属性的使用
了解easyui tree组件的童鞋估计都知道tree的node有他自己单独的属性(id,text,iconCls,checked,state,attribute,target)。而原先这个几个属性想要通过html的方式赋值实例的话,是不能完全做到的。attribute属性必须json的方式才能赋值。这也给我们开发带来了一下不便。而如今有了data-options这个属性,一切问题都迎刃而解了。转载 2013-09-12 15:11:59 · 2039 阅读 · 0 评论