摘要: 我们经常在使用表单的时候容易由于前面的提示文字的宽度不一样而导致后面的表达无法对齐,像下面这种情况:姓名:性别:手机/固话:姓名:性别:手机/固话:大家也可能有像我一样,当初使用占位符来使得表单对齐,作为一名前端不提倡使用这种方法。使用表格可以轻易搞定表单错位的问题,而且浏览器兼容性依也好。性别:性别:手机/固话:性别:性别:手机/固话: 旨在说明原理,样式请大家忽略^^ 阅读全文
posted @ 2013-07-26 23:29 Unicron 阅读(479) 评论(0) 推荐(0) 编辑
摘要: 使用最近做的某项目常见页面作为联系素材:分析:1、切图:步骤条可以切成四种图,即黄灰、红黄、红、灰。 2、html:需要五个li标签,每个包含一个图片及文字。将要取得图片放到同一张图片上,从左到右标签依次命名为:step_01、step_02、step_03、step_00。这里是step_01的Html: step1 在线支付 确认联系方式 确认认证信息 在线支付 第三方认证 成功开通 这里是step_01的css:.content { width: ... 阅读全文
posted @ 2013-07-26 18:05 Unicron 阅读(1723) 评论(0) 推荐(0) 编辑
摘要: zen coding 是一个俄罗斯人写的编辑器(支持大部分现下流行的编辑器)插件,其安装也是非常简单,只要安装插件,然后在项目中拷贝js文件就可以。像Webstorm6.0.2中已经包含这样的插件。什么是html缩写,我们先来在webstorm上敲下面的代码:div.content然后按Tab键,就会出现我们面熟的代码:也就是说,div.content,这种写法实际上是用写程序的方法来写标记语言,再如当我们敲下面的代码的时候:div.cotent>h1+pTab之后,会出现:这样的写法,很容易就能写出整个网站的框架,开发效率大大提高,不用每次敲那些繁杂的{}之类的。其实也就是假设我们用E 阅读全文
posted @ 2013-07-26 16:39 Unicron 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 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 阅读全文
posted @ 2013-07-26 16:15 Unicron 阅读(2616) 评论(11) 推荐(2) 编辑
无觅关联推荐,快速提升流量