[转]HTML4默认样式

Posted by applezqp on 星期二 6 23, 2009 Under XHTML&CSS

转自:http://omiga.org/blog/archives/90

html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,
h1,h2,h3,h4,h5,h6,noframes,ol,p,ul,center,dir,hr,menu,pre{display:block;}
li{display:list-item;}
head{display:none;}
table{display:table;}
tr{display:table-row;}
thead{display:table-header-group;}
tbody{display:table-row-group;}
tfoot{display:table-footer-group;}
col{display:table-column;}
colgroup{display:table-column-group;}
td,th{display:table-cell;}
caption{display:table-caption;}
th{font-weight:bolder; text-align:center;}
caption{text-align:center;}
body{margin:8px; line-height:1.12;}
h1{font-size:2em; margin:.67em 0;}
h2{font-size:1.5em; margin:.75em 0;}
h3{font-size:1.17em; margin:.83em 0;}
h4,p,blockquote,ul,fieldset,form,ol,dl,dir,menu{margin:1.12em 0;}
h5{font-size:.83em; margin:1.5em 0;}
h6{font-size:.75em; margin:1.67em 0;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:bolder;}
blockquote{margin-left:40px; margin-right:40px;}
i,cite,em,var,address{font-style:italic;}
pre,tt,code,kbd,samp{font-family:monospace;}
pre{white-space:pre;}
button,textarea,input,object,select{display:inline-block;}
big{font-size:1.17em;}
small,sub,sup{font-size:.83em;}
sub{vertical-align:sub;}
sup{vertical-align:super;}
table{border-spacing:2px;}
thead,tbody,tfoot{vertical-align:middle;}
td,th{vertical-align:inherit;}
s,strike,del{text-decoration:line-through;}
hr{border:1px inset;}
ol,ul,dir,menu,dd{margin-left:40px;}
ol{list-style-type:decimal;}
ol ul,ul ol,ul ul,ol ol{margin-top:0; margin-bottom:0;}
u,ins{text-decoration:underline;}
br:before{content:"\A";}
:before,:after{white-space:pre-line;}
center{text-align:center;}
abbr,acronym{font-variant:small-caps; letter-spacing:0.1em;}
:link,:visited{ text-decoration:underline;}
:focus{outline: thin dotted invert;}
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]{direction:ltr; unicode-bidi:bidi-override;}
BDO[DIR="rtl"]{direction:rtl; unicode-bidi:bidi-override;}
*[DIR="ltr"]{direction:ltr; unicode-bidi:embed;}
*[DIR="rtl"]{direction:rtl; unicode-bidi:embed;}
@media print{
h1{ page-break-before: always;}
h1,h2,h3,h4,h5,h6{page-break-after:avoid;}
  ul,ol,dl{page-break-before:avoid;}
}

ps:天天跑到某人那里去看,索性转了算了。

Tags : , | add comments

Happy Birthday

Posted by applezqp on 星期六 5 23, 2009 Under Diary

882bus
低调……低调……祝你生日快乐!

Tags : | add comments

郁闷……

Posted by applezqp on 星期一 4 20, 2009 Under Diary

人的心情有时候会被一件小事打乱,其实那是一种长时间的压抑,今天心情很郁闷……想起了前几天在暨南大学门口看到他们拍毕业照,突然很想回学校,很想和室友一起逛街吃东西,很想抓住大学最后的时光,很想在你们的记忆力多留下自己的影子……看到高中的好朋友在日志里写道“我守着从前的记忆,像守财奴一样守着,夜晚躲在被窝里偷偷地数着这些金币,看着它们闪闪发光.我还是一如从前的把所有东西憋在肚子里,你们呢?……守着这么多的东西,是件很累很累的事.我想把它们捻成一条细细的线,缝在纽扣上,却找不到一枚可以把它缝上的针.”,发现很久没和她联系了……大学以后,大家也都会朝着不同的方向前进,我们会不会渐渐忘记曾经交叉过的点……但我依然也很想守住着写回忆……好伤感啊,更郁闷了……
我也要练就无欲无求的境界了……继续郁闷……

Tags : | 1 comment

无题

Posted by applezqp on 星期四 4 9, 2009 Under Diary

来广州有一段时间了,广州的天气像长沙一样阴阴的,心情也随之变得不好,也许是因为发生了很多事。本来以为可以写得很多很多,但一切归于平静之后,觉得也没有必要了,所以一直懒的动笔。
来广州的第一天就去面试了,第二天就被录取了……第四天就上班了,应该算满有效率的。一开始住在O家,所以没有一个人的感觉,觉得广州也还不错。搬到新家的那一天,我却突然觉得这座城市很陌生,突然很想放弃一切就回家了……原来自己并不像想象中的那么坚强。还好有黄在,真的很开心她能陪我住一段时间。送走她的时候,心情很落寞。原来城市对一个人的意义不在于这座城市,在于城市里的人。
作为社会新鲜人的感觉,工作的时间过得很快,不过这几天一直在干苦力觉得很郁闷,还是希望自己能从糟粕中取一点精华。前一段时间刚被某人严重鄙视过,所以要奋起。和同事相处得很一般,或许我比较慢热,和他们交流得比较少。而且我发现自己真的是从火星上来的,常常听不懂他们的话,语言能力有待提高。
和我合租的,也算是新室友,是一位漂亮的导游,今天她把我的衣服给洗了,虽然是用洗衣机,不过还是吓到我了,也对我太好了吧。
PS:今天是裸奔节,懒得裸,衣服不是自己的肉也不是,裸得没劲~~~

Tags : | 2 comments

My CV’s print.css

Posted by applezqp on 星期日 3 1, 2009 Under XHTML&CSS
body{
	background-color:#FFF;
	font:12pt/180% "Times New Roman", Times, serif;
	color:#000;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color: blue;
	text-decoration: underline;
}
#main a:link:after, #main a:visited:after {
	content: " (" attr(href) ") ";
	font-size: 90%;
}
#logo, #submenu, img, #main h2 a{
	display:none;
}
#main caption a{
	display:block;
}
#container{
	width:auto;
	margin:5% 5% 5% 10%;
	float: none !important;
}
#main{
	padding-top: 1em;
	border-top: 1px solid #000;
}
h2{
	font-size:120%;
}
h3{
	font-size:110%;
}

参考:
http://www.alistapart.com/articles/goingtoprint/
http://meyerweb.com/eric/articles/webrev/200001.html

Tags : | 2 comments

Grass-Text

Posted by applezqp on 星期日 3 1, 2009 Under Design

grass-text

Tags : | add comments

Alternative Style

Posted by applezqp on 星期四 2 26, 2009 Under Javacript

changColor

最早看到切换样式表的应用,是Yahoo的首页。虽然布局没有改变,但整个页面的颜色都变了。当时觉得好神奇啊,但后来这种应用太泛滥了,都有点反感。而对于它的实现,其实我并不知道。今天看了Alternative Style: Working With Alternate Style Sheets,来自Listapart,以下代码摘自他的文章。哇,这篇文章写自2001,好早啊,感叹一下!

Download

Tags : , | add comments

小结

Posted by applezqp on 星期一 2 23, 2009 Under Javacript

昨天写了一个小小的应用,是关于添加字段的,网上有用jQuery写的,我没用框架仿写了一遍。在给列表的元素绑定事件的时候却遇到问题。

for(var i=0; i<lis.length; i++){
			var li = lis[i];
			addEvent(li, 'mouseover', function(){
				li.className = 'auto-focus';
			});
			addEvent(li, 'mouseout', function(){
				li.className = ' ';
			});
			addEvent(li, 'click', function(){	
				maininput.value = '';
				addItem(li);
				wordauto.style.display = 'none';
			});
	}

结果可想而知,没有效果。防止这种情况有以下两种方法:
1.使用一个自执行的函数

for(var i=0; i<lis.length; i++){
		(function(){//使用一个自执行的函数来激发作用域
			var li = lis[i];
			//同上
		})();
	}

2.利用闭包绑定事件

function registerListener(li, i){
                addEvent(li, 'click', function(){	
				maininput.value = '';
				addItem(li);
				wordauto.style.display = 'none';
		});
}
...
for(var i=0; i<lis.length; i++){
		var li = lis[i];
		registerListener(li, i);
}

通过写这个小应用,发现JS和C其实挺不同。例如删除列表的元素,用jQuery很简单objtect.children().remove();而我用了一个循环:

var len = lis.length;
	for(var j=0; j<len; j++){
		if(lis[0].id != 'fb1'){//是0不是j
			ul.removeChild(lis[0]);//是0不是j
		}
	}

是0不是j,因为列表被删除时是动态的,我把它想象成C中的数组,开始一直找不到错误,郁闷。问题解决,以后多多积累。

Tags : | add comments

[转]20个笔刷下载网站

Posted by applezqp on 星期六 2 21, 2009 Under Design

[转]http://www.6lotus.com/archives/1158

1. Blend Fu
2. Brush King
3. Celestial Star
4. Brusheezy
5. My Photoshop Brushes
6. PS Brushes
7. Chez Plumeau
8. Q Brushes
9. Get Brushes
10. Shizoo
11. In Obscuro
12. Brush Fed
13. Bio Rust
14. Valhalla
15. Hybrid Genesis
16. Fractured Sanity
17. Aethereality
18. Art Flower
19. Paper Lilies
20. deviant ART

Tags : | add comments

Tab实现

Posted by applezqp on 星期二 2 10, 2009 Under Javacript, Web, XHTML&CSS

前天去面试,让我当场写一个简单tab实现。其实我看过很多种的实现方法,但完全自己写还没有,一时紧张,居然没有写出来,鄙视自己——我是多么的菜阿。今天自己写了一个,不过也是参看了别人的。 看了omiga的《纯CSS实现tab切换》,还是有点不理解吧,很奇妙,我想关键是#tab_content{overflow:hidden;}吧。
PS:以后要常常动手,毕竟做过了才是自己的,而且做的过程也有很多收获。
Demo

Tags : , , | add comments