CSS与网站重构
文章平均质量分 67
greyls
爱好:篮球,计算机.
生活态度:积极过好每一天,乐观对待人和事.
现在服务于全球医院网www.qqyy.com
展开
-
浅谈如何管理样式[图]
学习WEB标准的朋友一般都是从学习CSS开始,为什么呢?因为CSS是一种很有意思的语言,它能让我们的网页千变万化。也许我们一开始的接触只是因为链接的样式修改,然后慢慢发现CSS的强大而又简单,于是我们用它来控制整个网页的布局、排版、色彩、图片等等工作。学习了CSS之后我们又会发现XHTML的结构更为重要,一个好的XHTML结构可以让CSS少费很多事。同时也会避免网页在不同浏览器之间的差异。于是又转载 2007-04-26 11:38:00 · 956 阅读 · 0 评论 -
IE BUG与FF兼容问题
1、ff下为什么父容器的高度不能自适应 在父容器与容器之间插入清除掉这个p的浮动. 也可以在父容器里加上overflow:hidden;2、IE6的Margin双倍边距BUG 浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline (显示:内嵌) 3、IE6下为什么图片下方有空隙产生 解决这个BUG的方法也有很多,可以是改变html的排版,或转载 2007-12-18 16:54:00 · 814 阅读 · 0 评论 -
(X)HTML Strict 下的嵌套规则
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在 里面再嵌入一个 这样的约定。说明:* 为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 而不应是 )* 小写的单词表明一组或一系列 HTML 标签* 每一项条目(标签)后都跟随一组标签列表,如果没有这个列表,那么表明该条目(标转载 2008-04-02 20:53:00 · 548 阅读 · 0 评论 -
完整xhtml的结构标签
结构body, head, html, title 文本 abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var 链接 a 列表dl, dt, dd, ol, ul, li 表单form, inp转载 2008-04-02 20:56:00 · 491 阅读 · 0 评论 -
网站重构技术:XML,XHTML代码规范,样式表调用方式,CSS布局要点
1. 几个概念1.1. 什么是HTML?HTML是Hypertext Markup Language的英文缩写,即超文本标记语言,是一种用来制作网页的标记语言。1.2. 什么是XHTML?XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。它实现转载 2008-04-02 20:59:00 · 1488 阅读 · 0 评论 -
XHTML标准语法
Writing XHTML demands a clean HTML syntax.写XHTML要求使用干净的HTML语法--------------------------------------------------------------------------------Some More XHTML Syntax Rules:更多XHTML语法规则: Attribute names m转载 2008-04-02 21:01:00 · 738 阅读 · 0 评论 -
FF的margin-top bug 其实不是bug…
在这个说明中,“collapsing margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容、padding区域、border边框 或使用清除分离方法)结合表示为一个单独的margin。 在css2.1中,水平的margin不会被折叠。 垂直margin可能在一些盒模型中被折叠: 1、在常规文档流中,2个或以上的块级盒转载 2008-06-14 10:10:00 · 2028 阅读 · 0 评论 -
xhtml+css探讨关于换行空格的问题
对于html内置的内联级标签以及表单元素标签,源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格。 包括ie和ff。而这个空格是会被当作一个空白节点(nodeType等于3的节点,就是文字节点)。 对于html内置的块级标签使用了display:inline;则没上述问题。 对于html内置的块级标签之间的换行,ff会当作一个空白节点(用js可以获取到),ie则会忽略掉这个换行。原创 2008-09-22 09:36:00 · 1094 阅读 · 0 评论 -
CSS去掉点击时的虚线
也许你会觉得当点击时焦点出现的虚线很不好看,那就让我们把它去掉吧! 一,在标签中加入onFocus="this.blur()"语句: ----------------------------------------------------------- try ----------------------------------------------------------- 二,在标签中加入h原创 2008-11-29 08:49:00 · 673 阅读 · 0 评论 -
对IE6、IE7、FF兼容性的详细CSS HACK介绍
对IE6、IE7、FF兼容性的详细CSS HACK介绍 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对! important可以正确解释,会导致页面没按要求显示!搜索了一下,找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7转载 2007-11-29 17:18:00 · 877 阅读 · 0 评论 -
ie6/ie7/ff css hack
一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}2, IE6/IE77对FireFox*转载 2007-11-29 17:15:00 · 738 阅读 · 0 评论 -
IE使用png透明图片的方法
应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和Opera对PNG的支持非常的好,都是IE却无视PNG图片这一特性的“存在”,虽然IE7已经支持都是IE6还是不行。查了一些资料,基本解决了这一问题,准备应用到PJskin上。虽然有让IE6支持PNG透明背景的JS程序,都是不是很方便,还是用CSS来实现的好。使用到的就是:IE5.5+的AlphaImageLoader滤镜转载 2007-09-17 17:52:00 · 3456 阅读 · 0 评论 -
CSS布局入门
1.CSS2盒模型自从1996年CSS1的推出,W3C组织就建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、边框距(padding)、边界(border)和边距(margin)。上面我们讲的sample层就是一个典型的盒。对于初学者,经常会搞不清楚margin,b转载 2007-04-26 11:43:00 · 705 阅读 · 0 评论 -
什么是CSS hack
什么是CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏转载 2007-08-06 11:46:00 · 519 阅读 · 0 评论 -
CSS Hack 汇总快查
屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7与转载 2007-08-06 11:48:00 · 516 阅读 · 0 评论 -
CSS优先级问题
优先权问题其实就是一个冲突解决的问题,当同一个元素(内容)被CSS选择符选中时,就要按照优先权取舍不同的CSS规则,这其中涉及到的问题其实很多。首先就是CSS规则的specificity(特殊性),CSS2.1有一套关于specificity的计算方式,用一个四位的数字符串(CSS2是三位)来表示,最终specificity越高的规则越特殊,在优先级判定时也就越有优势。关于specificity的原创 2007-08-07 09:35:00 · 624 阅读 · 0 评论 -
解决IE5/IE5.5/IE6/FF的兼容性问题
之前找了几个不同版本的可独立运行的IE浏览器,正好拿来试试页面的兼容性问题。不试不知道,在IE6和FF中没问题的页面在IE5和IE5.5中乱成一团,一直听说IE5是WEB标准制作的一个“钉子户”,现在不得不相信了。 既然有问题,那就找找解决的方法咯,在网上一搜,相关的文章还是不少的,觉得最直接的方法还是“IE条件注释”,很方便的就能为IE的不同版本写样式。但这样就得为每个版本写一个样式,转载 2007-08-06 11:42:00 · 612 阅读 · 0 评论 -
CSS编码与组织技巧
如何让 CSS 代码简洁而易于编写?这恐怕是许多开发者都关心的问题。我想,大概没有什么魔法,可以保证一下就把你的样式表缩小到百分之多少,但合理的 CSS 编码与组织技巧,的确能够帮助你的更有效率地写出更清晰高效的代码,自然,样式表大小的缩减还能减少下载的时间。 组织你的样式表 尽管我们有种种 CSS 的开发工具,比如 TopStyle,比如 StyleMaster,它们可以让你对当前这个样式表里转载 2007-05-17 12:38:00 · 524 阅读 · 0 评论 -
XHTML+CSS兼容性解决方案小集
使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找^^1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法:CODE:div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反,转载 2007-05-23 11:10:00 · 590 阅读 · 0 评论 -
用!important解决IE和Mozilla的布局差别[转贴]
在设计《网页设计师》页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下:IE中的效果Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题,直到我翻译 " 表格对决CSS--一场生死之战 "时,作者的一个技巧转载 2007-05-23 11:16:00 · 527 阅读 · 0 评论 -
浅谈网站ueo
对于任何一个站点,ueo分为两个层面,一个是ue设计的的层面,ue的工作是针对用户体验进行初始设计,以及逐渐完备优化成型的网站流程和用户体验。ueo的过程更多的是通过对现有的网站做用户层面的分析,研究用户心理,做反向的用户流程和网站商业利益上的均衡调整。ueo更多的是运营岗位职责上的工作。 但商业网站需要在商业利益与用户体验上做均衡,最好的用户提样并不一定是照顾用户的操作,一切以“用户为转载 2008-12-15 13:02:00 · 812 阅读 · 0 评论