睡觉前,NT给我发了两个网址,是老外的,那个家伙暴强,居然用纯CSS在页面上画出房子来,平面的、3D的,都画出来了。
看了一下他的CSS代码,一开始以为是这样用:
.class{
width:100px;
width:60px;
height:200px;
height:160px;
}
后来发现其实一些特殊图形的绘制跟上面的这个怪异的用法没关系,而是用边框来实现的,比如:
这三个形状除了Div,没有任何其它的元素或者文本,更不用说图形了。这是充分利用了border的显示特性。因为当我们同时设置四个方向的border时,浏览器自动会把交叉的部分叠加或者相互剪除。当border足够大的时候,我们就看到了上面这样的特殊效果。谁能想象到这是4个200像素的边框形成的效果呢?
代码如下:
<div style="BORDER-RIGHT: #ff0 50px ridge; BORDER-TOP: #f00 50px ridge; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px ridge; WIDTH: 1px; BORDER-BOTTOM: #00f 50px ridge; HEIGHT: 1px"> </div>
<div style="BORDER-RIGHT: #ff0 50px groove; BORDER-TOP: #f00 50px groove; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px groove; WIDTH: 1px; BORDER-BOTTOM: #00f 50px groove; HEIGHT: 1px"> </div>
<div style="BORDER-RIGHT: #ff0 50px double; BORDER-TOP: #f00 50px double; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px double; WIDTH: 1px; BORDER-BOTTOM: #00f 50px double; HEIGHT: 1px"> </div>




二外:21世纪最宝贵的不是人才
一个中国传媒大学(原北京广播学院)毕业的研究生,本科是新闻专业,研究生是西方影视艺术研究(好像)。毕业时考取了中国传媒大学的公费博士,由于联系了工作,学校同意把她转成在职博士研究生,然而,一墙之隔的用人单位不允许,所以她放弃了这个无数人梦寐以求的“公费博士”的深造机会,开始了她的职业人生。
一年将满,跟她一起到这个单位的其它部门的研究生们,在“管理岗”上很快要顺顺利利通过中级职称评定,而她——由于一场旨在“提高教工工作积极性”的内部改革,虽然在机关单位——党委宣传部工作,负责的是新闻采编、报纸编辑等工作,却从“管理岗”变成了“专业技术岗”。 Continue reading →