CSS Naked Day

2008-04-08 11:52:36

活动网站http://naked.dustindiaz.com/

今年第三届,前年和去年都是4月5日,今年4月9日~

活动目的

CSS裸奔节的目的是推动Web标准。简洁为美,使用正确的(x)html,语义标记,良好的层次结构。暂时把页面设计抛弃,直接展示<body>吧。

如何参与

这里填表报名,报名后一个小时内,你的网站会在官方列表中出现。

到了4月9日,将你网站上的CSS移除,抛掉页面设计。

活动日期

很多人非常关心CSS裸奔节的活动时间。今年定于4月9日,理由如下:

活动日期应该定于周二、周三或周四,这几天网站流量比较高

时间应该在4月份的第一周前后(BTW:所以这个节日是没有确切日期的?)

不应该是4月1日(要不谁信呢,呵呵)

在活动通告发出至活动日期,至少有五天时间

PS:发一下吧~···裸不裸是其次,记住活动目的就可以了~···WP又不是我写的,theme也不是我写的,所以~···我就不裸奔了~···4月4号那天,我悄悄裸了一下,发现好难看~···- -!

line-height and relative

2008-03-06 16:25:21

且先在FF和IE中查看页面显示差异~···Demo

很多时候需要在一个容器的右边添加一个“more”,我不喜欢浮动,惯用的做法是使用绝对定位。那么为其父层设置position:relative,同时为了保证文本垂直居中对齐,并为之添加line-height属性。有时候line-height是可以当height用的,因为line-height也可以撑开高度。当时这种做法会在IE中产生问题~···Y?不知道~···解决办法依然是触发对象的layout属性~···

一个分辨率自适应的典型布局

2008-02-16 12:00:39
<!--
*{color:#000; font-size:18px; font-family:Arial, Helvetica, sans-serif, "宋体";}
#header{height:100px; background:#999;}
#layout{position:relative; margin-top:10px;}
#left{height:400px; width:200px; background:#EEE; position:absolute;left:0;top:0;}
#right{height:400px; width:200px; background:#EEE;position:absolute;right:0;top:0;}
#center{margin:0 210px; height:600px; background:#666;}
-->
<!--xhtml-->
<div id="header">header</div>
<div id="layout">
  <div id="left">left</div>
  <div id="center">center</div>
  <div id="right">right</div>
</div>
<!--xhtml-->

刚才在BI上有人问,嘿嘿,好像平时很少做这些东西,即使做了也没印象,很长一段时间都是埋着头写,很简单的代码。一直不喜欢用绝对定位,但是渐渐发现绝对定位用好了,也是很爽的呀~···

IE6兼容first-letter

2008-01-30 17:35:36

伪类:first-letter可用于选择对象文本中的第一个字符。IE7,FF,opera,safari对该伪类支持得很好,但是IE6不支持该对象。不支持并不代表不能用~···这个世界上有太多太多针对IE的hack方法~···

使IE6支持:first-letter的方法如下:

select:first-letter {...}

即在选择符与样式花括号之间留出一空格即可,当然你要愿意多留几个也是可以的,但是不留IE6就不行了~···

IE6真TMD龌龊~

2008-01-11 20:37:25

虽然已经骂过IE6无数次了,但是今天还要骂,因为刚刚改一个IE6的BT问题,让我非常恼火。

我使用的浏览器主要是FF,所以一般我做页面测试也先在FF中进行,不仅仅是因为FF好用,同时也因为FireBug太强大了,调试JS省去不少精力。虽然如此,现今做调试时FF,IE7,IE6一个都不会落下,毕竟IE仍然占据着大部分浏览器市场,opera,safari也会做简单的调试,只要没有出现严重的问题,一般在这两种浏览器上花费的精力较少,同时由于对web标准的良好支持,FF调试通过的页面一般在opera和safari下都是没有什么问题的。

今天写的页面,在我机子上好好的,JS,CSS都执行的很好。拿给搞Ajax的同学和搞PHP的同学那,他们的IE6都出现了相同的问题,具体问题不重要。然后我辛苦的调试,在Ajax的机子上OK了,然后跑PHP同学那,把页面搞出来刷两下,靠,问题又没有了~···[aaa],真叫人哭笑不得,而且问题的解决方法还是那么的BT,删除了一段HTML代码的空格就搞定了,当然这次不是重复字符的问题了,能说什么呢,只能说IE6,I服了YOU!很BT,很龌龊!

Page 4 of 512345