html/css
athrunzero
一入IT神似海,再回首已是百年身
展开
-
页面制作规范文档
1. 文件命名规范1) 文件目录、文件名称统一用小写的英文字母、数字、下划线组合,文件名要与表现的内容相近,不到万不得已不要以拼音作为名称,如 登录页面:login.html(不要用 denglu.html)。2) 目录结构规范:清晰的站点目录结构方便文件的维护和整理,同时对增加搜索引擎的友好度和移植也有着重要的影响。2. 图片制作规范1) 如果图片作为内容放在html原创 2012-03-26 15:14:02 · 828 阅读 · 0 评论 -
前端开发神级编辑器notepad++以及Zen Coding神级插件
页面制作快两年了,对于开发的编辑器也用过许多,像刚开始使用的dreamweaver,到后来的editplus,再后来用到了sublime以及notepad++,这几个编辑器中我用的最舒服的就是notepad++了。Notepad++是一款免费开源的轻量级的编辑器,能够快速打开所要编辑的文档。Sublime很好很强大,但是它的打开速度远远没有notepad++的快。Notepad++不仅有语法高原创 2012-08-28 11:16:01 · 3236 阅读 · 0 评论 -
这样去写你的 HTML
昨天在 twitter 上说,怎么忍心把页面写得这么难用?是的,这个世界还有一群人等着我们创建出来的东西,可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端,我们又怎么会忍心呢。之前就一直想写这样的一篇文章,分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 HTML Tag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML,让某些人的生活可以更容易。转载 2012-09-27 14:57:23 · 802 阅读 · 0 评论 -
Web入门者必看的HTML代码编写的30条军规(3)
21、查看源代码没有什么比模仿你的偶像能让你更快的学习HTML。起初,我们都要甘做复印机,然后慢慢得发展自己的风格。研究你喜欢的网站页面代码,看看他们是怎么实现的。这是高手的必经之路,你一定要试一下。注意:只是学习和模仿他们的编码风格,而不是抄袭和照搬!留意网络上各种炫酷的JavaScript效果,如果看上去是使用了插件,那根据它源码中head标签内的文件名,就可以找到这个插件名称,然后就转载 2012-10-08 16:16:44 · 917 阅读 · 0 评论 -
浏览器的各种bug(一)
对于页面工程师来说,最令人头痛的浏览器是哪个?我相信有99%的人会选择IE6,没错就是IE6。下面我就来介绍一些我遇到过的IE6BUG以及解决方法,当然也包括其他浏览器。1、IE6双边距bug当元素浮动并且同时有外边距时,在IE6下会产生双倍距离。(.content{float:left;margin-left:10px;}其他浏览器下左边距是10px,IE6下左边距是20px)解决方原创 2012-08-01 10:44:21 · 700 阅读 · 0 评论 -
重设浏览器默认样式base.css
@charset "utf-8";/* @名称: base @功能: 重设浏览器默认样式*//* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */html { color:black; background:white;}/* 内外边距通常让各个浏览器样式的表现位置不同 */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5原创 2012-08-24 09:34:49 · 560 阅读 · 0 评论 -
X-UA-Compatible
前几日修改一个活动页面,测试的时候发现在ie8下面显示有问题,而线上的页面在ie8下面显示没有问题,通过仔细的查找,最后发现原来是在 head 标签里少了一段代码:,这段代码是什么意思呢?首先要说明的是 X-UA-Compatible 这个属性值在ie6、ie7下面不认识。其次是让浏览器以ie7的方式进行渲染,使网页正常显示。当然 X-UA-Compatible 中还有其他方法,如:,两者原创 2012-08-27 12:11:13 · 633 阅读 · 0 评论 -
CSS优化,如何写出高效整洁的CSS代码
CSS优化的原则1、不影响页面的布局2、去掉不必要的样式3、合并相同的样式4、尽可能缩小样式的大小CSS样式中常见的问题1、除body之外的样式重写了与body一样的样式,如:body{font-size:12px;color:red;}h1{font-size:16px;color:red;}h1在页面解析的时候已经继承了body中的属性,所以color:red原创 2012-09-17 17:39:19 · 3209 阅读 · 0 评论 -
Web入门者必看的HTML代码编写的30条军规(1)
本文总结了30条html代码编写指南,只要在编写HTML代码的过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。1、一定要闭合HTML标签在以往的页面源代码里,经常看到这样的语句:Some text here.Some new text here.You get the idea.也许过去我们可以容忍这样的非闭合HTML标签,但在今天的标准来看,这转载 2012-09-29 14:41:28 · 666 阅读 · 0 评论 -
Web入门者必看的HTML代码编写的30条军规(2)
11、使用H1 – H6标签笔者建议你在网页中使用其中全部六种标记,虽然大部分人只会用到前四个,但使用最多的H会有很多好处,比如设备友好、搜索引擎友好等,不妨把你的P标签都替换成H6。12、如果是博客,那把H1留给文章标题今天笔者在Twitter上发起一次讨论:是该把H1定义到LOGO上还是定义到文章标题上,有80%的人选择了后者。当然具体如何使用要看你的需求,但我建议你在建立转载 2012-10-08 13:58:11 · 1096 阅读 · 0 评论 -
EDM邮件制作指南
专业的EDM邮件发送,是有严格的制作要求的,本指南从格式编码、文字、图片及链接四个方面给出指引,请逐条按照本指南制作您的EDM邮件模板。格式编码:1、页面宽度请设定在600到800px以内,长度1024px以内。2、HTML编码请使用utf-8。3、HTML代码在15KB以内。(各个邮箱的收件标准不一样,如果超出15KB您的邮件很有可能会进入垃圾箱)4、请使用table表格来布原创 2012-07-16 14:59:45 · 2298 阅读 · 0 评论 -
重新整理 CSS HACK 解决浏览器兼容
以前的一篇博文 ie6、ie7、ie8、Firefox兼容性问题 写的比较混乱,可能有的童鞋看不明白,所以今天有空我就重新整理了一份 CSS HACK 的写法。 css hack .demo{width:100px;height:100px;border:5px solid orange;} .demo1{ background:black; /* for all原创 2012-08-24 16:59:10 · 386 阅读 · 0 评论 -
一款可以让IE支持CSS3的插件
css3 pie是一款可以让IE浏览器支持部分CSS3属性的插件。目前可以支持的属性有:border-radiusborder-imagebox-shadowcss3 backgroundrgbalinear-gradientmultiple background images同样它也支持PNG透明。不过PIE是用VML绘制的,会原创 2012-10-08 14:29:20 · 896 阅读 · 0 评论 -
博客搬家了
博客搬家了,以后 CSDN 的博客不在更新了,请大家访问最新的地址:http://www.cnblogs.com/yjzhu/原创 2012-11-15 10:04:05 · 510 阅读 · 0 评论 -
IE6、 IE7、IE8、Firefox兼容性问题
1.区别IE和非IE浏览器#tip {background: blue; /*非IE背景藍色*/background: red /9; /*IE6、 IE7、IE8背景紅*别IE6,IE7,IE8,FF 2.【区别符号】:「/9」、「*」、「_」【示例】:#tip {background: blue; /*Firefox背景变蓝色*/background:原创 2011-02-16 14:29:00 · 606 阅读 · 0 评论