摘要:【原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html】在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器。在Chrome出来的时候,我就喜欢上它的简洁、快速,无论是启动速度还是页面解析速度还是Javascript执行速度(现在的FireFox4也比之前的FireFox3有很大的进步)。不过当时由于Chrome的开发者工具还不是很完善,而我又不是很熟悉,加之对于Firebug的好感和依赖,当时还 阅读全文
进行CSS注释的三种方法
2011-11-02 21:53 by youxin, 1701 阅读, 0 推荐, 收藏,
摘要:就像HTML教程中描述的一样,在CSS文档中CSS注释也起到很重要的作用,可以帮助我们记起CSS的含义,加载在HTML文档的位置等,并且CSS注释的开始使用/*,结束使用*/。AD:通常CSS注释代码如果是单行注释的话开始使用/*,结束使用*/,这里向大家描述一下CSS代码中进行注释的三种方法,相信本文介绍一定会让你有所收获。CSS代码中进行注释的三种方法1、选择器(childselector)如果你想在IE中隐藏一个CSS定义,可以使用子选择器。CSS注释代码:html>bodyp{ /*declarations*/ } 2、“通配符”(*)这种写法只有IE浏览器可以理解(对其他浏览器 阅读全文
2column left navigation 中遇到的问题
2011-11-02 21:48 by youxin, 216 阅读, 1 推荐, 收藏,
摘要:注释只能是 ,不能是///* 注释内容 */html中注释则是<!--注释的内容--> ,千万要注意。先看自己写的代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <m 阅读全文
css hack 基本技能
2011-11-02 21:00 by youxin, 355 阅读, 0 推荐, 收藏,
摘要:CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。针对不同浏览器写不同的css code的过程,就叫css hack。css hack 原理:由于不同浏览器对css支持的解析结果不一样,还由于css中的优先级关系。根据这个来写。css hack 大致三个表现形式:1;内部类hack 阅读全文
notepad的最佳替代者:notepad2
2011-11-02 13:57 by youxin, 970 阅读, 0 推荐, 收藏,
摘要:notepad2 也是基于 Scintilla 开发的一款用于windows平台的编辑器。(同样基本 Scintilla 开发的还有 SciTE,以后再介绍)。最佳替代者为什么不是notepad++?为什么不是vim?为什么不是emeditor?为什么不是editplus?…不要问为什么了。轻便小巧。功能上,这几个可能比notepad2更强大,但是启动速度能和notepad2相比吗?不能的。很多时候,你用不着那么复杂的功能。你需要的仅仅是修改一个文件或查看一个文本文件而已。这里再次强调下:这里说的只是用来替换windows自带的notepad的一个工具而已,并不是选“最佳编辑器”。很多人误会意 阅读全文
body{ text-align:center} 与 margin: 0 auto区别
2011-11-02 12:28 by youxin, 553 阅读, 0 推荐, 收藏,
摘要:现在的问题是:body{text-align:center}与margin:0 auto的异同。text-align:center设置为文本或img标签等一些内联对象(或与之类似的元素)的居中。margin:0 auto是设置块元素(或与之类似的元素)的居中。但这两个属性IE与FF的理解也有所不同。 s洁的css解决方法:在曾经的 淘宝UED 招聘 中有这样一道题目:“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意,而是有其现实的原因,垂直居中是 淘宝 工作中最常遇到的一个问题,很有代表性。题目的难点在于两点:1.垂... 阅读全文
margin:0,auto;
2011-11-02 12:15 by youxin, 681 阅读, 0 推荐, 收藏,
摘要:margin:0,auto;上下边为0PX左右自动适中margin: 0 atuo;意思是:上下边界为0,左右根据宽度自适应(浏览器自动适应屏幕居中)AUTO 是自动的意思 MARGIN: 0 1 5 6;依次是上右下左如果四个值一样可以简写MARGIN: 0 如果全为自动为MARGIN:AUTO如果上下为自动 左右为0 则:MARGIN:AUTO 0;注意:auto只能用于左右,不能用于上下。两个典型的错误引起的不能居中的问题:1 . 没有设置宽度;<div ></div>看看上面的代码,根本没有设置DIV的宽度,如何根据宽度自适应呢?新手比较容易忽略的问题!2. 没 阅读全文
浏览器兼容方式
2011-11-02 12:00 by youxin, 335 阅读, 0 推荐, 收藏,
摘要:浏览器兼容可以说是前端开发所要面对的第一个跳转。css hacks利用浏览器的漏洞来隐藏特地浏览器的css贵站。实现浏览器兼容的主要有两种方式:1:条件样式表2: css hacks(selectors haks,attribute hacks);对此根据一些资料汇总了一些css hacks方法1:条件样式表像这样的代码你应该见过:<link rel=”stylesheet” type=”text/css” href=”css/style.css”/><!—[if IE]><link rel=”stylesheet” type=”text/css” href=”c 阅读全文
好程序需要你写(至少)两遍
2011-11-01 13:01 by youxin, 567 阅读, 1 推荐, 收藏,
摘要:最近这些年,越来越多的人开始转向敏捷开发。各种敏捷开发技术并不新鲜,大多是在80和90年代发展形成。但只是在最近这些年,程序员和(更重要的是)一些商业顾问,架构师,客户开始变得喜欢和拥抱敏捷开发。进化中的需求现在的一种普遍的认识是,在开始编码前,你不可能把所有的需求都写完备。这些需求的确定是一个逐渐发展进化的过程。使用短开发周期/springts,我们一步步的开发程序,使用多次迭代的方式完成从客户方得到的最新需求。这些都是基于一个进化的思想。就像生活中,我们总是通过一步步的改进来达到最好一样。进化中的代码!可是,这就完事了吗?如今大部分的程序员都认识到了需求必定是一步步的挖掘出来的。但他们却忘 阅读全文
浙公网安备 33010602011771号