摘要: 问题:其实也不算是bug,应该是写法上不够规范。一般我们的table写法:table{ table-layout:fixed; width:100%;}<table> <tbody> <tr> <th width="88">标题</th> <td>很长的内容。。。</td> </tr> </tbody></table>一般如上不会产生什么问题!下面我们看看,今天碰到的一个问题。如图,div{ display:inline-block;}table{ tab 阅读全文
posted @ 2012-11-21 13:42 caijf 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 作为一个前端开发人员,你要是没有听说过css,那你肯定是一个“out-man”。随着css的深入人心,结构与表现与行为的逐渐分离,HTML语义化成了炙手可热的卖点。语义化的HTML首先要强调HTML结构一个网页就好像一幢房子,HTML结构就是钢筋混泥土的墙,一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头,也就称不上是房子了。CSS是装饰材 料,是油漆,是用来装饰房子的。CSS如果没有html结构那就什么也不是了,没有了实际使用价值。CSS完全依靠引用它的(X)HTML文档。如果你想 使CSS的能力发挥到极致,提供一个用既干净又有结构的HTML是非常必要的。其实HTML中的标签都有他自身的含义, 阅读全文
posted @ 2012-11-14 13:16 caijf 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 原理CSS Sprites的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中,通过背景图片外加背景图片定位来实现的。(注意是背景图片)CSS Sprites可以减少http的请求数(没整合的图片,每一张都需要请求一次。整合成一张只要请求一次),减少网站的加载时间。应用淘宝的 CSS SpritesHTML:<!--icon 调用这张图,作为一个基类,其他地方要用到这张图的都可以调用这个类; i-btn是需要设置的背景定位及宽高--><a href="javascript:void(0)" class="icon i-btn"& 阅读全文
posted @ 2012-11-08 16:21 caijf 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 对象(Object)是类的实例。 对象(object)是一件事、一个实体、一个名词,可以获得的东西,可以想象有自己的标识的任何东西。对象是类的实例化。一些对象是活的,一些对象不是。比如这辆汽车、这个人、这间房子、这张桌子、这株植物、这张支票、这件雨衣。 概括来说就是:万物皆对象。属性是对象的“数据”,包括对象的特性、状态等静态信息。方法是对象的“行为”,包括该对象的操作、功能等能动信息。-----------------------分割线-----------------------例如:我的女朋友,她的头发是橘红色的,现在在洗衣服。对象:女朋友(就是对象)属性:头发是橘红色(我女朋友的特征或 阅读全文
posted @ 2012-11-07 11:13 caijf 阅读(408) 评论(0) 推荐(0) 编辑
摘要: 假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn /html/"。 阅读全文
posted @ 2012-11-02 16:56 caijf 阅读(1490) 评论(0) 推荐(0) 编辑
摘要: 值可以改变的量称为变量,变量占据一段内存,通过变量的名字可以调用内存中的信息。javascript中的变量没有类型。JavaScript变量语法var my=5;var mysite="d r e a m d u";解释一下:var代表声明变量(声明就是创建的意思)。var是variable的缩写。my与mysite都为变量名(可以任意取名),必须使用字母或者下划线(_)开始。5与"wufangbo"都为变量值,5代表一个数字,"wufangbo"是一个字符串,因此应使用双引号。JavaScript变量起名注意事项变量名必须使用字母或 阅读全文
posted @ 2012-10-15 12:31 caijf 阅读(147) 评论(0) 推荐(0) 编辑
摘要: LESS是一种由Alexis Sellier设计的动态层叠样式表语言,受Sass所影响,同时也影响了Sass的新语法:SCSS。LESS是开源的,其第一个版本由Ruby写成,但在后续的版本当中,Ruby逐渐被替换为JavaScript。受益于JavaScript,LESS可以在客户端上运行(IE6+、Webkit、Firefox),也可以在服务端运行(Node.js、Rhino)。在语法方面,LESS与CSS较为接近,一个合法的CSS代码段本身也是一段合法的LESS代码段。LESS提供变量、嵌套、混合、操作符、函数等一般编程所需的抽象机制。变量LESS支持自定义变量。在LESS中,变量以“@” 阅读全文
posted @ 2012-09-14 15:59 caijf 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用:var a = docuemnt.getElementById("test").getElementsByTagName_r("div"); 这样是没有问题的此时a.length=2;但是如果我们换另一种方法var b =document.getElementByIdx_x("test").chi 阅读全文
posted @ 2012-09-13 11:08 caijf 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 这里我们将会说到用editplus来编写css,如果你对css的各个属性了如指掌,又想提高下速度,那么本文将正和你意,当然如果你现在对css属性还不太了解,那我建议你等熟悉了之后再来看。在介绍editplus之前请允许我先推荐一篇快速编写html的编辑器notepad++,关于使用这个编辑器结合它的插件zen-coding大漠已经说了很好了,所以就不用我再来废话了,详见notepad++结合ZenCoding快速编写HTML代码第一步:为editplus制作自己的css.acp文件打开editplus的安装文件,我们就会找到类似以acp结尾的文件,那么acp文件是做什么用的呢,它让editpl 阅读全文
posted @ 2012-09-13 09:11 caijf 阅读(1100) 评论(0) 推荐(0) 编辑
摘要: by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2523虽已数年,但未就学习专门写过文章,这回破处了。苍蝇不叮没有缝隙的鸡蛋,领导不做没有跟拍的表演,同样,想到写CSS学习的文章也是有原因的(虽然我的不少行为没有原因)。情景再现(尊重隐私,下面故事中人名均为化名,有加工):如月姑娘(本届D2上微博中奖上台最漂亮的那位)的内部分享会——关于CSS3 background相关内容~~……一顿巴拉巴拉……如月:假设背景图片500px*500px,则应用background- 阅读全文
posted @ 2012-09-13 08:46 caijf 阅读(153) 评论(0) 推荐(0) 编辑