-
2008-09-07
三geng还是三jing？ - [问题]
忘记了谁的词，一行注释里写了jing音。我一愣想起奶奶说的三jing、五jing。直到父母那一代方言里这个字一直都jing。于是怀疑这么多年自己念错了。
网上有人说jing为古音,现在念geng 不过古汉语字典和说文解字里都没有jing的读音 都是geng。
但是说文解字里说：改也。从攴丙声。
那么这是个形声字。攴为行部 丙为声部 。
丙为声部，丙的读音，更像jing而不像geng。所以古音读jing或许还是很可能的。又或许最古的时候读bing也说不定……
所以读jing本应正确，读geng才是错的。但是很多人都读了geng之后，甚至写入了字典。可是对那些依旧读jing的来说，本来他们是对的，却不的不承认是自己木文化读错了，这着实让人委屈。
我好希望它读jing
-
2008-09-06
阿姨生日
以祭之 -
2008-08-10
看朱成碧思纷纷
烧文明香，每人只准带三支，我想这很好．千佛山或者雍和宫，大家都大把大把的烧，烟雾缭绕。倒也别有一番气象。
许个什么愿呢？ 希望小诺和父母都好吧，继而想到了弟弟。然后我想我的觉悟毕竟不高，不能老吾老以及人之老，幼吾幼以及人之幼。师姐说她每次去雍和宫本是为了给自己许愿，结果每次去了都是想了大我，忘了小我。或者不是忘了，只是想到还有那么多劳苦的人们，自己那点也就无足挂齿了。差不多都要说只要天下苍生幸福，吾庐独破受冻死亦足。这么想着的时候我已经把香插好了，愿望们也仿佛尘埃落定不可修改。
我斜倚在栏杆上，喝着水，等小于四处叩拜，想这要是酒就好了， 最好背包里再有两个鸡腿。偶还是很喜欢济公同学的。这两个孩子只对我说来植物园玩，我以为一会儿就搞定了，没想到要这么麻烦，搞的我饥肠辘辘
虽在山间，却依然多了些现代的气息，少了些灵气．我希望能有泉水叮咚，有古稀之僧，有朗朗诵经声．但这里什么都没有，只有浓浓的商业气息和熙来攘往的香客，他们匆忙的拜来拜去，甚至不知道自己拜的是什么，或许他们也不关心拜的谁，他们关心的可能只有他们的愿望，比如平安或者发财。我靠在栏杆上，希望那栏杆能斑驳些，以显沧桑，忽然想起了几句诗
看朱成碧思纷纷
憔悴支离为忆君
不信比来长下泪
开箱验取石榴裙武媚娘的。好像不大着边。我还是喜欢千佛山的那副对联：
晨钟暮鼓 警醒世间名利客
佛号经声 唤回苦海迷航人寺外，有人喊我，说要对我说两句话，就两句。我笑着冲他摆摆手走了。 心里又想或许这位突然出现的世外高人真有什么金玉良言。
-
2008-07-30
可伸展的导航栏
制作导航来的时候作者倾向于采用ul li来代替table。代码简洁。但是采用这种方式定义的列表，并不是你想要横向菜单：
- abd
- ffe
<style>
body{
font-size:small;
}
* html body {
font-size:x-small;
f\ont-size:small;
}
#nav{
float:left;
width:100%;
margin:0;
padding:10px 0 0 46px;
list-style:none;
background:#ffcb2d;
}
#nav li{
float:left;
margin:0;
padding:0;
font-size:55%;
}
#nav a{
float:left;
display:block;
margin:0 1px 0 0;
padding:4px 8px;
color:#333;
text-decoration:none;
border:1px solid #9b8748;
border-bottom:none;
background:#F9e9a9;
}
</style>
<BODY>
<ul id="nav">
<li id="menu1"><a href='http:www.//163.com'>163</a></li>
<li id="menu2"><a href='http://www.sina.com'>sina</a></li>
<ul>
前面的小圆点可以通过list-style:none去掉，至于不在一行上可以通过li的float:left来设定。float使块状元素不再独自占据一行。可以浮动到左侧或右侧。但是如果float后面还有其他块状元素的话，如果不想收到影响应用clear清除。对li设定float，会使得ul无法确定高度而不能显示背景。为了显示背景，我们需要也给ul设定float属性。用padding设定内间距，boder设定边框。代码如下：
<style>
body{
font-size:small;
}
* html body {
font-size:x-small;
f\ont-size:small;
}
#nav{
float:left;
width:100%;
margin:0;
padding:10px 0 0 46px;
list-style:none;
background:#ffcb2d;
}
#nav li{
float:left;
margin:0;
padding:0;
font-size:55%;
}
#nav a{
float:left;
display:block;
margin:0 1px 0 0;
padding:4px 8px;
color:#333;
text-decoration:none;
border:1px solid #9b8748;
border-bottom:none;
background:#F9e9a9;
}
</style>
<BODY>
<ul id="nav">
<li id="menu1"><a href='http:www.//163.com'>163</a></li>
<li id="menu2"><a href='http://www.sina.com'>sina</a></li>
<ul>留意padding指的是内间距 margin指的是外间距。基准字体的定义参看前一节“灵活的文字 ”。nav定义的padding主要使得菜单的左侧和顶部有一定的间距。把的定义写到A中，而不是定义在li里一个很大的好处是，在这里把A定位成块状元素，padding的设定使得我们可以点击选项卡中的任意位置，而不仅仅是文字；margin的设置使得选项卡之间显示出了1的间距。
此外我们可以给元素增加背景图片以改善现时效果，注意增加背景图片的时候，设定对其的方向和在某个轴上重复，这样可以保证菜单栏在缩放时背景保持不变。如：background:#f9e9a9 url(http://xinbituya.blogbus.com/files/12174310272.png) repeat-x top left;
还有两个状态是我们要修改的，一个是鼠标放上的悬停，一个是点击菜单进入后的高亮．修改后完整代码如下：
<style>
body{
font-size:small;
}
* html body {
font-size:x-small;
f\ont-size:small;
}
#nav{
float:left;
width:100%;
margin:0;
padding:10px 0 2px 46px;
list-style:none;
background:#ffcb2d url(http://xinbituya.blogbus.com/files/12174320960.png) repeat-x bottom left;
}
#nav li{
float:left;
margin:0;
padding:0;
font-size:55%;
}
#nav a{
float:left;
display:block;
margin:0 1px 0 0;
padding:4px 8px;
color:#333;
text-decoration:none;
border:1px solid #9b8748;
border-bottom:none;
background:#f9e9a9 url(http://xinbituya.blogbus.com/files/12174323240.png) repeat-x top left;
}
#nav a:hover,body#intro #menu2 a{
color#333;
padding-bottom:5px;
border-color:#727377;
background:#ffffff url(http://xinbituya.blogbus.com/files/12174332940.png) repeat-x top left;
}
</style>
<BODY id="intro">
<ul id="nav">
<li id="menu1"><a href='#'>分类1</a></li>
<li id="menu2"><a href='#'>分类2</a></li>
<li id="menu3"><a href='#'>分类3</a></li>
<li id="menu4"><a href='#'>分类4</a></li>
<ul>效果在ｂｌｏｇ中显示不出来... 以可以将以上代码保存成html文件查看
我的图片作的不怎么好，大家把渐进色作的最后和背景融为一色就好了，而且可以用gif,我用了png，png在ｉｅ里面的透明会出问题的……
-
2008-07-29
灵活的文字
文章中作者主要讨论了对字体大小的处理。目前绝大多数的网站定义字体采用像素。作者提到用像素唯一的一个不好就是浏览者不能自己调整字体大小了，这个主要是指ie。其他浏览器用像素定义的字体，通过菜单还是可以调整的。所以作者提到用关键字定义字体大小，来替代用像素定义。首先要了解一下font-size的取值
1、长度单位，如13px;除了px单位还有em ex px in cm mm pt pc
2 、相对大小 larger smaller
3、百分比
4、关键字 xx-small x-small small medium large x-large xx-large作者说的关键字就是指的第四类取值，至于这个关键字到底是多大，各个厂商之间有细微的差别。但基本small都和12px相差不大，除了ie5。为了兼容ie5上的显示效果，作者提到使用SBMH给ie5本应定义为small的定义为x-small。
作者用关键字定义body的基准字体大小，其他的字体大小定义都通过对上级字体的百分比来实现。
这样就保证了，用户浏览时可以方便的通过菜单来调整页面的字体。而且用于百分比的应用使得字体的相对大小不变。
不过这个调整字体大小的菜单，我一般用不到…… 而且采用这种方式不宜嵌套太多，否则百分比计算太复杂。
使用SBMH后样式表如下：
body{
font-size:small;
}* html body {
font-size:x-small;
f\ont-size:small;
}首先给body定义了正常的声明。然后由于ie的bug可以通过*html来提供专用于id浏览器的生明。ie5/win会忽略font-size属性中的反斜杠，使用了x-small属性，其他版本则使用了small属性。
使用Box Model Hack的样式表
body{
font-size:x-small;
voice-family:"\"}\""; /* ie5会以为css的定义已经结束*/
voice-family:inherit;
font-size:small;
}
html>body{ /*防止Opera或其他兼容浏览器忽略hack之后的规则*/
font-size:small;
} -
2008-07-26
我是我的印象的一部分，而我的全部印象才是我
我是我的印象的一部分
而我的全部印象才是我作者说这是个悖论。
其实不是，而是偷换了概念，或许作者本人也没觉察，
我是我的印象的一部分。这里面的“我的印象”指的是我的关于一切的印象。
而我的全部印象才是我。这里面“我的全部印象”指的是每个人对我的印象之和。你看无论主体客体都不是一回事。
-
2008-07-20
小抽到了天通苑
让这个孩子一搅和，还真怀念北京了…… -
2008-07-20
