
CSS
Feiin
爱生活,爱身边的人
展开
-
CSS hacks
For example you have a class called tablewidth. In Firefox it looks good but in IE7 its too wide and in IE 6 itstoo short. Here is a diagram of how the hacks work.Since you coded for FireFox转载 2008-10-05 10:12:00 · 815 阅读 · 0 评论 -
10个最容易犯的HTML标签错误
<br /><br />保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.罪行1:把块级元素放入了行内元素内<br /><br />HTML 元素的表现方式不外乎就两种:块级和行内.每一个标签都有默认的表现方式不是块级就是转载 2010-09-19 11:56:00 · 831 阅读 · 0 评论 -
机顶盒兼容那点事情
要适应机顶盒浏览器不是个简单事情,搞了这么久简单记录哈。 1.尽量少用margin,txt-indent,float这些来设置样式,否则各个厂家机顶盒支持的标准稍微有区别。 2.背景图片还是老实点用background="/theme/default/epg/welcome.jpg" 这种方式,虽然写起来很不爽,但都兼容它; 3.js中尽量少用IndexOf,lastIndexOf,charAt,Match函数,并不是所有机顶盒都支持,search倒是个不错的取代IndexOf的方法原创 2010-08-02 22:36:00 · 1357 阅读 · 0 评论 -
HTML标签和属性的语义化
<br />首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用,很明显Hx系列看起来很像标题,因为拥有粗体和较大的字号。<strong>,<em>用来区别于其他文字,起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。<br /><br />其次,语义化的网页的好处,最主要的就是对搜索引擎友好,又了良好的结构和语义你的网页内容自然容易被搜索引擎抓取转载 2010-07-04 17:19:00 · 1175 阅读 · 0 评论 -
IFRAME写法遇到的问题
前些天,因为使用IFRAME不当而而是网页显示不全现象,找了N久原因才发现,查了文档现将IFRAME标准用法记录如下>iframe标签 -- 代表HTML内联框架iframe标签是成对出现的,以开始,结束【切记,上次就是这个问题】iframe标签内的内容可以做为浏览器不支持iframe标签时显示属性Common -- 一般属性name -- 定义了内容页名称原创 2010-04-10 10:40:00 · 1613 阅读 · 0 评论 -
IE-Bug CSS
BUG症状:当在一个容器里文字和img、input、textarea、select、object等元素相连的时候,对这个容器设置的line- height数值会失效; 受影响的浏览器: Microsoft Internet Explorer 5.01 / Windows Microsoft Internet Explorer 5.5 / Windows Microsoft Internet Exp原创 2010-04-10 10:38:00 · 787 阅读 · 0 评论 -
CSS Hack 总结
浏览器越来越多,不同的浏览器,不同的版本在页面的渲染上都各不相同。这让网页开发人员很头疼,为了能兼容各个浏览器,人们挖掘出了很多 CSS Hack。下面进行一下总结,如果还有其他的 CSS Hack 欢迎提供。一) 针对 IE 的 Hack大部分 CSS Hack 都是针对 IE 的,这是用于我们的 IE "坚强"所致,尤其是 IE6。#test { color:red; /*所转载 2010-04-10 10:42:00 · 686 阅读 · 0 评论 -
list-style-image图片背景与文字对齐准则
如果是12px的文字 则是:12px的汉字——16px的li高度——8px高度的背景图片。如果是14px的文字 则是:14px的汉字——18px的高度——10px高度的背景图片转载 2010-04-15 23:39:00 · 2819 阅读 · 0 评论 -
设置firefox元素的style.left属性
今天在js定位div时候,发现在firefox对div元素的style.left属性赋值老是不起作用,整了很久才发现赋值出了小点问题原来是:suggestDiv.style.left=pos.Left;修改后suggestDiv.style.left=pos.Left+"px";//修改后才起作用原创 2008-11-04 00:21:00 · 1019 阅读 · 0 评论 -
IE与Firefox的区别
IE与Firefox的区别1. document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName") 或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements[转载 2008-10-05 10:11:00 · 1403 阅读 · 0 评论 -
li margin-bottom在IE6,7中底部3像素的BUG
今天碰到一个li在IE中的BUG<br />在IE6,7中设置ul 的 li中 margin-bottom 时候多产生了3像素,<br /> <br />解决办法:<br />给li设置float<br />例如:float:left;原创 2010-09-27 16:31:00 · 1278 阅读 · 0 评论