www.w3cking.com
摘要: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 *{padding:0; margin:0;} 8 ul{ list-style:none;} 9 #div{ width:300px; height:100px; margin:100px auto; border:1px solid #ff0000; position:relative; overf 阅读全文
posted @ 2013-06-19 13:09 Code-king 阅读(569) 评论(1) 推荐(2) 编辑
摘要: 简介我可以肯定,您对于页面上水平或垂直排列的样式元素已经了解得够多了。但是,CSS还缺少适用于此任务的合适机制。了解CSS3 弹性方框模型(简称Flexbox)该草案将 Flexbox 描述如下:[...]针对接口设计而优化的CSS框模型。除了CSS 中已有的布局系统之外,该模型还提供了一个额外的布局系统。[CSS21] 在这个新的框模型中,框的子代采用水平或垂直布局,而且可将未使用的空间分配给特定的子代,或者通过“弹性”分配给应展开的子代,在各子代间进行分配。这些框的嵌套(水平嵌套在垂直中,或垂直嵌套在水平中)可用于在两个维度中构建布局。该模型是以 XUL用户界面语言的模型为基础的,适用于多 阅读全文
posted @ 2013-05-23 14:07 Code-king 阅读(510) 评论(0) 推荐(0) 编辑
摘要: 引用地址:http://blog.jobbole.com/18611/来源:阮一峰随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版 阅读全文
posted @ 2013-05-20 16:00 Code-king 阅读(218) 评论(0) 推荐(0) 编辑
摘要: $(document).ready(function() { $("form :input").blur(function() { var $parent = $(this).parent(); $parent.find(".correct2").remove(); //进行下一步判断前把之前的结果清除//姓名验证 if($(this).is("#clientName")) { var name_reg = /[^\u4e00-\u9fa5]/; if(name_reg.test($("#... 阅读全文
posted @ 2013-05-20 16:00 Code-king 阅读(2486) 评论(1) 推荐(0) 编辑
摘要: innerHTML与innerText的用法与区别用法:<div id="test"> <span style="color:red">test1test2</div>在JS中可以使用:test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是“<span style="color:red">test1test2 ”。test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签 上例 阅读全文
posted @ 2013-03-18 11:23 Code-king 阅读(383) 评论(0) 推荐(0) 编辑
www.w3cking.com