摘要：
代码： 1 1 2 3 1 2 3 4 5 效果：112312345 阅读全文
摘要：
分享一款微软原生内核的Ie6,绿色免安装,无广告，无插件。点击下载IE6 for WIN8来源：子涵的博客 阅读全文
摘要：
base层是高度重用的基础曾，它提供的通用类是否够用直接关系到网站的开发效率和CSS文件的总大小，对于一个网站来说，base层设计是否良好非常重要。因为它无视美工设计，适用于任何网站的特点，所以不同于common层和page层，可脱离具体网站来讲解。下面是我推荐使用的base.css代码。/*CSS reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,{margin: 0;padding: 0}table{border-collapse:c 阅读全文
摘要：
CSS3中的border-radius支持IE9+,chrome,firefox 2、3+,以及safari3.2+浏览器。border-radius可直接使用，无需加前缀(注意：firefox13取消了-moz前缀，即由原来的-moz-border-radius变为border-radius，加上前缀会造成无法显示圆角，chrome加前缀和不加前缀都可以)border-radius后面直接加值即可，该值来确定圆角的大小，如：border-radius:5px;1、有边框： 效果：2、无边框在css中添加颜色代码即可background: #cc0000;效果无边框完整代码： ... 阅读全文
摘要：
我们经常在使用表单的时候容易由于前面的提示文字的宽度不一样而导致后面的表达无法对齐，像下面这种情况：姓名：性别：手机/固话：姓名：性别：手机/固话：大家也可能有像我一样，当初使用占位符来使得表单对齐，作为一名前端不提倡使用这种方法。使用表格可以轻易搞定表单错位的问题，而且浏览器兼容性依也好。性别:性别:手机/固话:性别:性别:手机/固话: 旨在说明原理，样式请大家忽略^^ 阅读全文
摘要：
使用最近做的某项目常见页面作为联系素材：分析：1、切图：步骤条可以切成四种图，即黄灰、红黄、红、灰。 2、html：需要五个li标签，每个包含一个图片及文字。将要取得图片放到同一张图片上，从左到右标签依次命名为：step_01、step_02、step_03、step_00。这里是step_01的Html： step1 在线支付 确认联系方式 确认认证信息 在线支付 第三方认证 成功开通 这里是step_01的css：.content { width: ... 阅读全文
摘要：
zen coding 是一个俄罗斯人写的编辑器(支持大部分现下流行的编辑器)插件，其安装也是非常简单，只要安装插件，然后在项目中拷贝js文件就可以。像Webstorm6.0.2中已经包含这样的插件。什么是html缩写，我们先来在webstorm上敲下面的代码：div.content然后按Tab键，就会出现我们面熟的代码：也就是说，div.content，这种写法实际上是用写程序的方法来写标记语言，再如当我们敲下面的代码的时候：div.cotent>h1+pTab之后，会出现：这样的写法,很容易就能写出整个网站的框架,开发效率大大提高,不用每次敲那些繁杂的{}之类的。其实也就是假设我们用E 阅读全文
摘要：
Webstorm6.0.2界面截图：webstorm作为一款前端开发软件，被业内称为神器，下面是下载地址。需要的人太多，邮件不过来，传到这边方便大家下载汉化包http://www.jetbrains.com/webstorm/download/download_thanks.jsp?os=win1.汉化ws虽然没有中文版的，但是有民间的汉化包，虽然汉化不是很彻底。下面是CSDN上面的汉化包，用下载好的jar包覆盖安装目录下JetBrains\WebStorm 6.0.2\lib\resources_en.jar包即可。汉化包下载地址：http://download.csdn.net/downl 阅读全文
