DIV+CSS编写标准|难点
文章平均质量分 59
goodhbh
一个终于XHTML+CSS+JavaScript的写客,有这方面经验的,可以一起交流一下,
展开
-
页面声明:"http://www.w3.org/TR/html4/loose.dtd"影响到样式的调用
这几天一直在做项目界面原型的设计及编码工作,发现一个很奇怪的问题,自己做的页面怎么和视觉提供的参考页面显示出来的效果会有点不同,样式引用都是一样的,有些页面样式和...完全拷贝过来却达不到给定模板的效果。经过一行行对比才发现自己的页面创建JSP时Eclipse才用的是自动生成的。页面声明为:http://www.w3.org/TR/html4/loose.dtd">比原来给定的模板多了句:"htt转载 2009-12-10 10:10:00 · 1891 阅读 · 0 评论 -
CSS3开发工具收集
通常来说,CSS非常简单。但是当浏览器厂商开始实现CSS3特性,问题开始变得有些复杂了。不难,只是有些复杂。这可能包括两个方面:首先有些心得CSS3属性(比如,transition、渐变、transform等)不是那么简单,其次我们不得不使用浏览器厂商指定扩展。直到你最喜欢用的IDE原生支持CSS3,你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的,这里转载 2010-04-26 09:21:00 · 415 阅读 · 0 评论 -
DIV+CSS样式编写字体大小标准
各地哀悼玉树地震遇难同胞h1各地哀悼玉树地震遇难同胞32px各地哀悼玉树地震遇难同胞h2各地哀悼玉树地震遇难同胞24px各地哀悼玉树地震遇难同胞h3各地哀悼玉树地震遇难同胞18px各地哀悼玉树地震遇难同胞h4各地哀悼玉树地震遇难同胞16px各地哀悼玉树地震遇难同胞h5各地哀悼玉树地震遇难同胞13px各地哀悼玉树地震遇难同胞h6各地哀悼玉树地震遇难同胞10原创 2010-04-22 15:11:00 · 781 阅读 · 0 评论 -
去除链接虚线框的N种方法
局部控制 link1 link1 link1 link1全局控制 CSS实现 a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */ a{blr:expression(this.onFocus=this.blur());} /* 只支持IE,过多使用效率低 */ a:focus { -moz-outline-style转载 2010-04-13 16:40:00 · 544 阅读 · 0 评论 -
如何让你的网页在IE8下正确显示
IE8 beta1.0的问世,让整个互联网页面的面目大变,很多网页在IE8 beta1.0下面目全非,乱的不成样了。如果网站系统比较庞大,一时又难以重写。把下面的一行代码加入的你的网页的头部里,IE8读到这句的时候,会调用IE7的渲染引擎来渲染你的页面,只要你的网页是兼容IE7的,那在8下面也能兼容显示了。CODE:或原创 2010-04-13 16:38:00 · 553 阅读 · 0 评论 -
CSS Reset(CSS复位)
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0;}fieldset, img { border: 0;}table { borde原创 2010-04-13 16:41:00 · 445 阅读 · 0 评论 -
什么是前端开发工程师
什么是前端开发工程师web2.0思想的日益普及,让企业都慢慢认识到前端的重要性。前端开发人员的地位也日益提高,相应的技术要求要是越来越高,这对前端开发人员来说确实是一个天大的好事。究竟什么是前端开发工程师?好像这个词已经被用过好长时间,但是一直都没有一个明确而又权威的定义,在第三届D2前端技术论坛上,淘宝的UED圆心给了前端开发工程师这样的一个定义:1:与交互设计师、视觉设计师协作,根转载 2010-03-08 11:03:00 · 1383 阅读 · 0 评论 -
最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声 名. CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到转载 2009-12-10 10:30:00 · 475 阅读 · 0 评论 -
Css兼容IE8版本的解决方法
当使用 Microsoft Internet Explorer 8 Beta 1 版本时,可能会遇到以下问题之一: 网页布局不整齐 文本或图像重叠 JavaScript 功能有问题或错误 之所以发生这些问题,是因为 Internet Explorer 8 Beta 1 默认情况下使用它最新的“标准模式”来显示网页,但是目前大多数的网页都是在 Internet Explore转载 2009-12-10 10:28:00 · 1618 阅读 · 0 评论 -
IE6下png图片和png背景透明
应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和Opera对PNG的支持非常的好,都是IE却无视PNG图片这一特性的“存在”,虽然IE7已经支持都是IE6还是不行。查了一些资料,基本解决了这一问题,准备应用到PJskin上。 虽然有让IE6支持PNG透明背景的JS程序,都是不是很方便,还是用CSS来实现的好。使用到的就是: IE5.5+的AlphaImageLoader滤原创 2009-12-10 10:27:00 · 531 阅读 · 0 评论 -
DIV+CSS样式编写公共样式标准
/* -----------------------------------------------Title: Onccc StyleAuthor: HuangbhModified: 2008.06--------------------------------------------------- *//* global-公共样式 */body{font-size:12px; fon原创 2009-12-10 10:19:00 · 1534 阅读 · 0 评论 -
让IE浏览器支持HTML5标准的方法
让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5.js文件必须添加在页面的head原创 2010-04-26 15:21:00 · 419 阅读 · 0 评论