<?xml version="1.0" encoding="GB2312"?>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:admin="http://webns.net/mvcb/"
	xmlns:cc="http://web.resource.org/cc/"
	xmlns="http://purl.org/rss/1.0/">

	<channel rdf:about="http://moonpalace.bokee.com/index.html">
		<title>
			<![CDATA[moonpalace的博客]]>
		</title>
		<link>http://moonpalace.bokee.com/index.html</link>
		<description>
			<![CDATA[欢迎访问moonpalace的博客]]>
		</description>
		<dc:language>zh-cn</dc:language>
		<dc:creator>moonpalace</dc:creator>
		<dc:date>2007-09-07T03:28:22Z</dc:date>
		<admin:generatorAgent rdf:resource="http://blog.bokee.com/" />

		<items>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/6435583.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/6375935.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/5489111.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/4200436.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3675869.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3675832.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3640771.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3640763.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3640393.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3463555.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3440806.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3379435.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3379424.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3379412.html" />
				</rdf:Seq>
							<rdf:Seq>
					<rdf:li
						rdf:resource="http://moonpalace.bokee.com/3379400.html" />
				</rdf:Seq>
					</items>

	</channel>

			<item rdf:about="http://moonpalace.bokee.com/6435583.html">
			<title>
				<![CDATA[电信网通终于要挤上“涨价”这辆破车了]]>
			</title>
			<link>http://moonpalace.bokee.com/6435583.html</link>
			<description>
				<![CDATA[<p>作者：陈庆之<br /><br />当下，各电视台都有一条关于奥运的公益广告，其内容我就不说了，但有一句话我却记得牢靠，“让世界记住我们的涨声”。作为中国最大的两个固网运营商，电信和网通在这“涨声”最激烈的时刻，也恰到好处地发出了声响。《第一财经日报》8月29日报道：“中国电信和中国网通目前都在各地积极部署扩大宽带限时收费的业务政策，未来将取代包年和包月收费政策。用户无限制的下载与在线，占用大量带宽，影响了电信网通的收入。因此，电信网通想通过包月上限制来改变这一状况。”<br /><br />2007年，世界真记住了我们的“涨声”。首先发难的是猪肉，紧跟着是食用油和副食品，接着是方便面企业联盟横空出世。当然，其中最生猛的还是房价，发出“涨声”最大的桂冠非房价莫属。早几日，看博客有文章说，从事“性服务”行业的“小姐”们也在张罗着涨价（此消息有待消费者予以证实），眼看这辆涨价的破车挤满了乘客，电信和网通这两兄弟匆忙的赶了上来，虽然落在了“小姐”的后头，但总算是占了个位置。等民众们缓过神来，算来算去才发现，原来什么都涨了，唯一没涨的就是工资。<br /><br />对于电信网通变相涨价一事，《第一财经报道》一语道破天机，“由于话音收入不断下滑，两大固网运营商只好将赚钱的目光瞄准了宽带增收。”也就是说，这次涨价无关政策，也无关技术，更无关服务质量的升级，唯一的原因就是两大运营商在话音领域为争取更多用户而采取不良竞争，使得电信网通的暴利有些许的损失。为了把暴利持续下去，保证既得利益不受损害，让其暴利所得年年丰收，两大巨头终于决定将损失转嫁到消费者身上，把刚刚在话音服务领域让出的一分利，连本带利的从固网运营中捞回来。<br /><br />人人都说电信网通是垄断行业，是暴利行业，这是相辅相成的，因为其垄断，所以才暴利；因为其暴利，所以统治者要垄断。去年9月，泰国发生政变，其总理他信被迫流亡国外，他信这个名字是从其英语发音“Thaksin” 而来的，音译成中文，倒是别有内涵。他信，他信，他妈的电信。他信在泰国就是通过西那瓦电脑服务与投资公司，垄断了泰国电视卫星天线网络运营和移动电话行业，从而积累了巨大的财富。不知道在泰国发动军事政变之前，他信控制的网络运营行业有无涨价，反正他是有家难回了。由此事可以看出，通过垄断现代生活所必须的某些特殊要害的服务行业，是能够迅速积累财富的。当然，中国的电信和网通不是个人的，但其垄断的性质是一样的，唯一的区别在于泰国方面是寡头，而中国，则是一部分人，一部分既得利益者。要从他们的手中为民众争取到丝毫利益，都无异于虎口拔牙，而没有公开公正的民主监督体制，这一部分人会不会成为寡头，我们无法预计。<br /><br />多余的话就不说了，面对涨价，我们无能为力，好像我们的go-vern-ment也拿不出什么像样的措施来。早些日子，兰州的一碗拉面就让兰州go-vern-ment在公众面前栽了个大跟头，所以面对涨价，“不作为”才是厚黑之道啊。<br /></p>]]>
			</description>
			<dc:subject>
				<![CDATA[]]>
			</dc:subject>
			<dc:creator>
				<![CDATA[name]]>
			</dc:creator>
			<dc:date>2007-08-30  23:51</dc:date>
		</item>
			<item rdf:about="http://moonpalace.bokee.com/6375935.html">
			<title>
				<![CDATA[经典色情小说（手淫的最佳文章）]]>
			</title>
			<link>http://moonpalace.bokee.com/6375935.html</link>
			<description>
				<![CDATA[<p><p><span class="bold"><font color="#006699" size="2">有人说女人象迷一样神密，也有人说女人象梦一样朦胧；有人喜欢少女的清纯，还有人喜欢少妇的成熟。在我的心目中，三十岁左右的女人是美的，因为，这时的女人已趋于成熟。唯有风情万种的女人才是最可爱的，唯有女人味十足的女人才是真正的女人。成熟的女人就比饱满的葡萄，成熟的女人就比经年的醇酒；成熟的女人就比和煦的春风。三十多岁的女人最解风情，只有这个年段的女人才真正称得上性感、迷人。在我人生的旅途中，让我真正懂得人生至美的性爱的就是这些美丽成熟、性感迷人的三十多岁的少妇。时至今日我也不会忘记，是她们让我懂得真正的女人是怎样的，在她们温柔的呵护下，我懂得了男女性爱的真谛。<br /><br /><br />那年我刚满十八岁，在省城的一所著名大学中文系一年级上学。和我同班的有一个女孩刚满十七岁，人长得清纯秀美，娇小迷人，后来我叫她泓。也许我们俩在系里最小的缘故，所以我们很自然的就成了朋友，那时的我们单纯得山泉一样。刚入学的那年正赶上第四届全国大学生文艺调演，也许是学校艺术系的学生徒有虚名，也许是我和泓在高中阶段就是各自城市各自学校的文艺骨干，反正校学生会把我和泓调到演出队，由一名女舞蹈教师帮我们排演双人舞。这名女舞蹈教师名叫柳漪，三十多岁，周身上下有一种说不出的魅力，在我少年的心目中，她就是美，她就是完美，我和泓都被她对舞蹈艺术的认识与理解，以及在她身上所表现出来的那种无以伦比的优雅的气质深深地折服，在她身上所体现的是一种让惊心动魄的美。在她的精心辅导下，我和泓的双人舞在第四届全国大学生文艺调演中获一等奖。消息传来，学校为之震动，我和泓成了学校的新闻人物，更有不少人把我泓看成是少年得志，郎才女貌，天生的一对。 <br /><br /><br />回到学校不久，一天下午，柳漪老师邀我和泓晚上到她家作客，她要为我和泓庆功。说来也巧，那天泓的父母偏巧到省城出差，泓去宾馆去看她的父母，只我一个去柳教师家了。在这之前，我只知道柳教师的爱人是一个高干子弟，已出国快两年了，柳老师有一个十多岁的女孩住在北京的奶奶家，柳老师一个人住在一套在八十年代来说非常豪华的公寓里。那天晚上，我着刺骨的寒风和漫天飘舞的雪花来到了柳老师的家中。按响门铃后，柳老师把门打开，把我迎进室内，一股暧流扑面而来，外面虽然是寒风凛冽，可是室内却暧意融融。进得客厅，我仔细再看柳老师时，只见一袭黑天鹅长裙包裹着她健美丰腴的身躯，平日披散在脑后的如黑瀑布般的秀发在头挽成一个别致的发髻，露出修长的、象牙般洁白的脖颈，面颊上隐隐透出淡淡的红晕，浅浅的笑意如梦般迷人。今晚的柳老师身上所体现的是最女人的一面，是那种让所有的男人都怦然心动的惊心动魄的美。 <br /><br /><br />在柳老师家的餐厅里，我品赏到了柳老师的精湛的厨艺，真想不到平日里端庄、高贵的柳老师竟做得一手菜。饭后，我和柳老师又回到客厅，坐在沙发上，柳老师问起我和泓参加大学生文艺调演的事情，我把和泓去北京演出的情况详细的说给柳老师，她聚精会神地听着，不时给我送上咖啡和水果，不知不觉几个小时过去了，时针已指向晚上九点钟。当我意识到该离开，起身告别时，柳老师拉住我说：“绛，不要着急，再坐一会，陪我聊聊天。”柳老师柔若无骨的手握着我的手，满面满眼都是期待。我不由自主地又坐了下来，这回，柳老师紧紧地挨在我的身边坐着，一股让人心醉神迷的成熟女子特有的体香若隐若现地萦绕在我的身边。柳老师向我讲起她的家庭、她的丈夫和女儿，讲起她对我和泓的印象，说到最后，她看着我说：“绛，你是我这些年来看到的最优秀的男孩，我真的喜欢你和泓，我……我，今晚你能留下来，再陪我一会吗？”说着柳老师满面娇羞地低下了头。此时此刻我已明白了这陪的真正的含义。看着柳老师因羞涩而变得绯红的而颊，嗅着那夺人魂魄的迷人的少妇的体香，我仿佛在梦境中一般。<br /><br /><br />我拉住柳老师的手，喃喃地说：“柳老师，我……我也真的喜欢你，我……”没等我说完，柳老师就张开双臂把我搂在她的温暖的怀中，把她娇美的面庞紧紧贴在我的脸上，过了一会，她把她那红润、香甜的嘴唇紧紧贴上我的双唇，紧紧吸吮着，柳老师惊奇地发现，我竟然不会与女人接吻，她把丁香条般的舌头进我的嘴里，在我的嘴里轻轻地搅动着，同时意示着我，我心有灵犀地也把舌头探进柳老师的口中，在她的嘴里搅动着，我们互相裹吮着吻得天昏地暗，这是我第一次与女人接吻，而且是和我最崇拜的老师接吻，不知过了多久，柳老师轻轻在我的耳边说：“亲爱的，我们到卧室去吧。”我知道即将要发生什么，那是一个神密的世界，怀着对那个神密的热望，我把身材和我着不多一般高的、丰腴的柳漪抱在怀中，抱着她走进了她充满了女性气息的卧室。 <br /><br /><br />　　当我把柳老师放在她宽大的双人床上时，柳老师被性欲激发起的热情使她的面颊涌起一片淡淡的绯红，秀目似闭似睁，目光迷离，眼角眉稍尽是柔情蜜意，她扭动着丰腴的身体，全身的曲线毕致，真个是丰胸、纤腰、肥臀。“绛，来，帮我把裙子脱了，今天晚上，我让你在老师身上学会一种在书本上学不到的本领。”我颤抖着双手，拉开柳漪背后长裙的拉链，轻轻褪下，一个几乎全裸的美艳少妇就横陈在我的面前，柳老师双手伸过头，解开发髻，两条丰腴、修长的手臂膀向上伸着，露出腋下油黑的腋毛，坚挺的乳房在黑色蕾丝乳罩下，随着柳老师的身体的扭动而巍巍颤动，小巧玲珑的肚脐看地镶嵌在洁白、柔韧的小腹上，丰满、圆润的大腿，修长、笔挺的小腿，然而最让我心动的还是那窄窄的黑色蕾丝三角裤下的所在，几丝不甘寂寞的阴毛如红杏出墙般俏皮地露在三角裤外，那流线般的阴部轮廓向我讲述着一个我从未见闻过的神密的世界。我看得血脉贲张，只觉得浑身一阵阵地颤栗。只听得柳老师娇声说： <br />　“绛，你觉得老师美吗？” <br />　 “美，老师真美……”<br />　<br /><br />只听得柳老师娇声道：“绛，你还看什么呢，还不过来。”说着她伸出细嫩、纤柔的手把我拉至她的身边。一阵阵成熟少妇迷人的体香如丝如缕地飘来，我只觉得一阵阵地意醉神迷。不知不觉中，柳老师已把我的外衣脱去，浑身上下只剩下一条短裤。这时，柳老师双手背到背后，解开黑色蕾丝乳罩搭扣，那对丰满、尖挺的乳房如两只白鸽般跳跃而出，那小巧玲珑的淡紫色的乳头，在凝脂般的肤色的映衬下，显得分外艳美，接着，她又慢慢地褪去那精美的黑色镂花蕾丝三角裤，把一个成熟、美艳少妇迷人的特区展现在我的面前。那迷一样神密、梦一样美丽的少妇的阴部，对于少年的我来说是一块从未登临的新大陆，一片黑亮、浓密的阴毛如森林般呈倒三角分布在两条丰腴、白嫩的大腿中间，覆盖在微微隆起的阴阜上，暗红、肥厚、滑润的大阴唇已然分开，露出粉红色的滑嫩的小阴唇和微微洞开的阴道口，隔着窄窄的会阴，是小巧的、暗紫色的、如菊花蕾般的肛门。<br /><br /><br />看着这美奂美仑的人间尤物，看着那惹火的身材，和如梦似幻的少妇成熟美丽的阴部，我的阴茎涨得仿佛要炸裂一般，把短裤撑起，急需要找一个温柔的地方把其中的能量全部释放出去。此时此刻地柳老师只能用一句话来形容“一面是天使，一面是魔鬼”。<br /><br /><br />看她的脸上，满面酡红，有娇羞、有风骚、有淫荡、有端正。她的一支手去揉摸自己的阴部，嘴里传出阵若有若无，时断时续，令人消魂的呻吟，另一支手则把我的短裤拉下，我的阴茎如出销的利剑一样直挺挺地显现在柳漪──我的老师，一个三十多岁的美艳绝伦的少妇面前。看到我勃涨得又长、又粗、又大的阴茎，柳老师惊喜地叫出声来：“啊！绛，没想到，你的宝贝这样优秀，真是太了。”她欣喜地用纤纤嫩手握住我的阴茎，十八年了，第一次有一个异性、一个成熟的、美艳的女人把玩着我的阴茎，一种触电般的感觉从阴茎传遍全身。在我的生命中，我永远不会忘记我十八岁冬天的那个令人心醉神迷的美的夜晚，室外天寒地冻，寒风凛冽，大雪纷飞；室内暧意融融，柔情似水，春色无边。<br /><br /><br />我和长我近十岁的美艳、风骚的女舞蹈教师赤裸裸地在她充满着无限春意的卧室里，她轻轻握着我的阴茎，爱不释手地套撸着；我如同小学生一样，贪婪地看着宽大的双人床上妩媚、妖娆、性感、丰腴的成熟少妇的肉体。我看到她白嫩、修长的手指分开小阴唇，中指轻轻按揉着小巧如豆蔻般的阴蒂，从那迷人的阴道深处不断地有无色的液体流溢出来，滋润着她的阴部，一串串美丽的、令人消魂的呻吟声从她红润的唇间传出，只见她目色迷朦，满面酡红，丰腴、性感的胴体扭动着，断断续续地说： <br />　　“绛……快点……把你的阴茎插进我的阴道里去……我要你，老师把自己给你……” <br />　<br /><br />　她把双腿分成Ｍ形，把我拉在她的柔若无骨的身上，我一阵阵冲动，把硬梆梆的阴茎向她的阴部插去，这是我的第一次，阴茎第一次与女人的阴部接触，那种感觉如梦如幻，一时难以言明。我的阴茎触在柳老师的阴部，可怎么也插不到她的阴道里去。柳老师这才意识到我是一个童男子，欣喜地说： <br />　　“呵，绛，真没想到，你是第一次与女人做爱，我……唉，我真是太惊喜了，来让我来教你吧。” <br /><br /><br />说着，柳老师坐起身来，让我仰卧在床上，我那勃涨得硬梆梆、又大、又粗、又长的阴茎如擎天一柱昂然屹立。柳老师爱怜地把玩着我的阴茎，那神情就象看一件稀世珍宝，过了一会，她伏下身去，背对着我头伏在我的阴部，趴在了我的身上，肥美的丰臀对着我的脸，竟然去吻舔我的阴茎，她把我硬梆梆的阴茎噙在嘴里，红润的双唇套撸着我的阴茎，舌尖舔触着龟头。一股热流从龟头如触电般刹时传遍全身。那纤柔的舌头把的我的龟头舔得麻痒痒的，使我飘飘然，有一种羽化登仙的感觉，从阴茎处传来阵阵快感。<br /><br /><br />柳老师雪白、丰腴、肥美的屁股就在我的面前，从她的阴部传来美艳少妇特有的体香，一种莫名的冲动使我无师自通地用双手捧住她的丰臀，抬起头去吻她那少妇成熟、美丽的阴部。当我的嘴吻在她的阴唇上时，她的浑身一阵颤栗，随即就兴奋地断断续续地教我怎样吻她，我用舌尖分开她的阴唇，舌头伸进她滑润的阴道里搅动着，然后又用双唇噙住她已经挺起的如豆蔻般小巧、美丽的阴蒂裹吮着，我的鼻尖在柳老师小巧的暗紫色的如菊花花蕾般的肛门上，柳老师扭摆着白嫩的丰臀呻吟着，一阵无色、无味、透明的液体从她的阴道流淌出来，流在我的脸上嘴里。<br /><br /><br />过了一会，柳老师起身面向我蹲跨在我的身上，把阴道口正对着我硬挺的阴茎，一只手分开自己的阴唇，另一只手用拇指和中指夹扶住我的阴茎，把龟头对准她那迷一样神密、梦一般美丽，已然湿润、洞开的阴道口，她肥美的臀部向下慢慢坐沉下来，我的阴茎的龟头被她的肥美、润滑的阴唇包触着，如同她红润的小嘴轻轻吻裹着，她向下慢慢坐沉着，我硬梆梆的，又粗、又长、又大的阴茎一点点地被她的阴道所吞没，她阴道的内壁又滑、又嫩、暧融融地裹触着我的阴茎。成熟少妇的阴道是这样的美妙，插在柳老师的阴道里，我那勃涨得难受的阴茎仿佛找到了归宿，感到无比的舒服。渐渐地她的阴道把我的阴茎全都吞没了，她肥美的臀部完全坐在了我的两股上，我的硬梆梆、勃涨得又长、又粗、又大的阴茎连根插入她的阴道里。<br /><br /><br />她的阴道里暧洋洋的，阴道深处仿佛有一团柔软的、暧暧的肉似有似无地包裹着我的阴茎的龟头。生平第一次完成了男女性爱的交媾，生平第一次把成熟的阴茎插进成熟女子的阴道里。在长我十多岁的年轻、美艳的女舞蹈教师丰腴的肉体上，在她那紧紧的，内壁柔嫩、滑润，带有褶皱的阴道里，我的阴茎第一次实现了质的飞跃，我也从童男变成了真正意义上的男子。<br />柳老师的身体上下颠动着，阴道紧紧套撸着我的阴茎，大小阴唇有力地夹迫着我的勃涨的阴茎，我的阴茎龟头一下一下触着她阴道深处那团柔软的、暧暧的肉，每触一下，柳老师就发出如梦似幻迷人的呻吟声。我的双手扶住柳老师肥美的丰臀，揉捏着，柳老师在我的身上颠动着身体，扭动肥硕的屁股，过了一会趴在我的身上，粉脸贴着我的脸，面色羞红地轻声地问我： “绛，女人好不？”<br /><br /><br />不等我回答，她又娇声问道： <br />　　“你知道我们在干什么吗？” <br />　　她略带羞涩地把脸紧紧贴在我的脸上，扭动着身体，小阴唇有力的夹迫着我的阴茎，娇笑着说： <br />　　“老师的这个叫小骚屄，你的这个叫大鸡巴，咱们现在干的叫大鸡巴操小骚屄。” <br />想着柳老师白日的端庄、文静，怎么也可想象如此淫荡的话语会从她那美丽的小嘴里说出来，听着她的淫荡的话语和浅浅的娇笑，我用力向上挺送着身体，阴茎用力向柳老师阴道深处插送着，柳老师也扭摆着肥美的大屁股，滑润的、带有褶皱的阴道有力地套撸着我粗大的、硬梆梆的阴茎。 <br /><br /><br />柳老师尽情地呻吟着，叫着，那声间真是人间最美妙的音乐，真叫人销魂。柳老师颠扭着身体，脑后的秀发飘飞，胸前的丰乳随着她身体的起伏而上下颤动，只见她粉面含春，秀眼迷离，娇喘吁吁，香汗淋漓。她颠动着身体上下套撸了几十下，然后又骑坐在我的身上，扭动着肥美、白嫩的丰臀，使我的阴茎完全没入她的阴道里，龟头研磨着花心。我们俩因做爱的快感发出的呻吟声交织在一起，整个室内春意见盎然，情爱无边。 一阵阵无色的透明液体从她的阴道深处缓缓流出来，把我们俩的阴部弄得滑腻腻、粘呼呼的，柳老师在我的身上颠动、扭转丰臀时，就会发出“哧哧”的声音。<br /><br /><br />柳老师的阴道紧紧包裹着我的阴茎，小阴唇紧紧夹迫着我的阴茎，有力地套撸着，阴茎在美艳少妇的阴道里感触到快感传遍了全身，我浑身都在颤栗着，阴茎就仿佛触电一样，麻痒痒的，从脊髓直传到全身各处。 <br />这时，从柳老师的阴道深处涌起一股热流有力地刺激着我的阴茎龟头，同时，柳老师也加快了颠扭的速度，呻吟的声音也提高了许多 <br />“啊………啊………啊………小骚屄让大鸡巴操得太舒服了………大鸡巴操得真…………啊………” <br />我这时也感到从脊柱尾骨处传来一阵麻痒，一种不知名的力量，神差鬼使般不由自主地向上挺送着下体，嘴里也大声呻吟着： “啊…………老师…………操老师的小骚屄太了……啊………” <br /><br /><br />在我俩高声呻吟声里，从中枢神经处传来阵阵酥痒，刺激着阴茎根部一阵阵酥痒，一股热流再也控制不住，从阴茎根部迅速强劲地射出，有力地喷注在柳老师的阴道里面，冲击着她阴道深处那团柔软的、暧融融的肉。我的身体不停地抽动着，阴茎有力地在柳老师的阴道里撅动着；柳老师的身体也不住地颤栗着，阴道壁和小阴唇有力地收缩着，夹迫着我的阴茎，那热流喷射着、冲击着，在柳老师迷一样神密、梦一般美丽、成熟的少妇的阴道里，我把我人生的第一注精液喷射在里面，年长十多岁的美艳、风骚、性感、妖娆的女舞蹈教师尽情地承受着她得意学生的爱的洗礼………… <br /><br /><br />　　不知过多久，我俩从性交的高潮中渐渐平静下来，亢奋的情绪渐渐平和了下来。柳老师趴在我的身上，轻轻地吻着我的脸、我的眼睛、我的嘴唇，眼角眉稍尽是柔情蜜意，那情形分明是姐姐对弟弟的怜爱，在她的身上怎么也看不出刚才那个放浪、淫荡、风骚的美艳少妇的影子，秀丽白嫩的面颊上一抹羞红，教自己年少的学生做爱确实是一件让人既感到刺激又感到难为情的一件事。我的阴茎还插在柳老师的阴道里，柳老师的阴唇依然夹裹着。 <br />　　“绛，我真的没想到这是你的第一次，也许我错了，可我实在太喜欢你了，我实在忍受不住情欲的折磨，你也许认为我是个坏女人，不管你信不信，你是我婚外的第一人，”柳老师满面羞红，柔声说： <br />“我比你大十多岁，但我不希图你什么，只希望你能记住我。这些年来，我一个人生活，一直盼望着有一个我理想中的人来抚慰我孤寂的情怀。苍天有眼，在我平淡了多年的生活里出现了你，不只是你英俊的容貌吸引了，更主要的是你身上所体现出来的那种与众不同气质，你的学识、你的才华都深深地吸引着我。唉，为什么，造化如此捉弄人，我们要相差十多岁，为什么我年轻时没你。” <br /><br /><br />　 说着，柳老师一双秀目中流出了晶莹的泪滴。听了柳老师的肺腑之言，我非常感动，我搂着她丰腴的身体，吻着她秀美的面庞，吻去挂在腮边的泪滴，轻声说：“柳老师，我真是太高兴了，你也许不知道你是我最崇拜的老师之一，我做梦也没想到能有这样一个美妙迷人让人终生难忘的夜晚，我爱你，柳老师，我永远也不会忘记这个迷人的夜晚，是你用你的身体言传身教教会了我在书本上一辈子都学不到的东西。” <br /><br /><br />　 这时我的阴茎已经完全软了下来，从她的阴道里滑了出来，柳老师还趴在我的身上，听了我的话，柳老师不禁羞得面色绯红，嘤咛一声把头埋在我的怀里，“哧哧”轻声娇笑着，半天才娇声说道：“绛，你真会付女人欢心，唉，有了今日的经历，你别再叫我‘老师’了，我们俩这个样子在一起，听着你叫我‘老师’，我的心里直发毛。” <br />　 <br /><br /><br />看着她娇羞的模样，我感觉到一种莫名的冲动，我把手伸向她肥美、白嫩的丰臀，用力揉捏了一下说：“就叫你‘老师’，这样才刺激，才有激情。” <br />柳漪被我捏得也兴奋起来，忘情地亲吻着我说： “小坏蛋，你真是可人，我真愿意永远和你这样在一起，老师不能让你白叫，我还要教你男欢女爱的秘技，让你不仅有征服女人的外貌、学识，还让你有征服女人的床上功夫。” <br /><br /><br />柳老师把我搂抱在怀里，尖挺丰腴的双乳紧紧贴在我的胸前。过了一会，柳老师说：“绛，我们到卫生间去洗一洗。”说着从我身上爬起。看着柳老师光洁、白嫩的皮肤，丰盈、健美的体态，我心里真是美极了，看美人是一种享受，看赤裸的美人是一种更大的享受。坚挺、圆翘的丰乳，纤细、柔韧的腰肢，虽然生育过，可是柳老师的腹部一点赘肉都没有，一如处女般平滑，光润，丰腴、肥美的屁股，修长、挺拔的双腿以及双腿间那浓密、柔软的阴毛，滑润、肥厚的阴唇。柳老师的阴道口湿漉漉的，她扭摆着腰肢，肥美的丰臀摇摆着，她抱着我的肩，我搂着她的腰一起走进了卫生间。 <br /><br /><br />我们坐在宽大的浴盆里，柳老师用她那纤柔的嫩手给我洗净了全身，我的手也在她丰腴的身上抚摸、摩娑。但我们的手更多的还是把玩对方的阴部。柳老师仔细的把我的阴茎、阴囊洗得干干净净，用纤纤嫩手轻轻套撸着，我软软的阴茎在她的手中渐渐变得硬了起来。在柳老师的暗示下，我把柳老师的阴部也洗得干干净净，我用手指探进她的阴道里，轻轻搅动着，柳老师扭动着身躯“咯咯”娇笑着，我用手指沾上沐浴露在她滑润的阴道里抽插着。<br /><br /><br />柳老师笑着说：“孺子可教，你真是个学生。可是还有个地方你还没给我洗到呢。”说着她把我的手指从她的阴道里拉出来，轻轻划过芳草萋萋的会阴，最后停在了她的肛门上。她的肛门是那样的小巧，紧紧凑凑的，摸上去手感非常，她扭动着身子，嘴贴在我的耳边，羞红着脸娇声说：“绛，这个地方也是玩的地方，你帮我洗一洗，我们玩个痛快。”我的手指沾上沐浴液，轻轻按揉着柳老师的菊花蕾，在柳老师的指挥下，食指慢慢地、轻轻地探进了她的屁眼里，柳老师的屁眼很紧，扩约肌紧紧包裹着我的手指，柳老师媚眼如丝，嘴里发出阵阵令人沉醉的呻吟声，我的手指完全插进了柳老师的肛门里，柳老师扭动着丰腴的屁股，我的手指在她的屁眼里抽插着，沐浴液起到了润滑的作用，渐渐地她的肛门松弛了下来，我的手指能自由出入了，在宽大的浴盆里，我把丰满的艳美的柳老师抱在怀中，用清水把她的屁眼里里外外洗得干干净净。<br /><br /><br />（二）<br />我们俩从浴盆里出来，紧紧抱在一起，我亲吻着柳老师，把舌头伸进她的小嘴里，用力搅动着，她用她红润、甜美的小嘴吸吮着，我的勃起的硬梆梆的阴茎在她的柔软、平坦的小腹上。柳老师抬起一条腿盘在我的腰间，让她的阴道口正对着我勃起的硬梆梆的阴茎，我抱着她肥硕的丰臀，身体向前一挺，柳老师的身体也向前挺着，只听“卟滋”一声，随着柳老师的娇叫，我的阴茎又一次插进了柳老师那梦一样美丽、迷一样神密的阴道里。<br /><br /><br />柳老师紧紧搂着我的肩膀，用力向前挺送着下体，我一手搂着柳老师苗条的腰肢，一手抱着柳老师肥美的丰臀，阴茎用力在她的阴道里抽插，柳老师那紧紧的带有褶皱的阴道内壁套撸着我的阴茎，小阴唇紧紧裹住我的阴茎。我们俩的舌头碰撞着、纠缠着。我用力搂抱起柳老师的肥美的屁股，柳老师用她那丰腴的双臂搂着我的脖子，把她健美的双腿缠绕在我的腰间，阴道紧紧包裹着我的阴茎，满头的乌发随着我阴茎的冲击在脑后飘扬。她满面酡红，娇喘吁吁，断断续续地说： <br />“哦……小老公，亲亲宝贝，我爱你，大鸡巴操小骚屄……哦…………”<br /><br /><br />我搂抱着柳老师的丰臀，柳老师修长的双腿紧紧缠绕在我的腰间，我的阴茎紧插在柳老师的阴道里，柳老师的阴道口紧紧包裹着我的阴茎，我把柳老师抱在怀中，阴茎插在她的阴道里，走出卫生间，来到客厅，把她放到沙发上，我站在沙发旁把柳老师的双腿架在肩上，身子压在她的身上，阴茎深深地插进她的阴道里，摇摆着屁股，阴茎在柳老师的阴道里研磨着，龟头触着阴道尽头那团软软的、暖暖的肉。柳老师星目迷离，满面酡红，娇喘吁吁，呻吟阵阵。<br /><br /><br />　“哦………绛，心肝宝贝，亲亲小老公，老师让你的大鸡巴操死了………哦………用力操……哦………” <br />　“老师………亲亲的骚老师………老师的美骚屄把我的鸡巴套撸得太美了………我要操你………哦………操死你………哦………” <br />柳老师站起身，我的阴茎从她的阴道里滑了出来，她趴在沙发上，撅起肥美的丰臀，露出美艳的阴部，她的大阴唇已充血分开，小阴唇变成了深粉色，阴蒂已经勃起，那暗紫色的、如菊花蕾般的肛门在白嫩的丰臀的映衬下分外迷人。 <br /><br /><br />绛，来，”柳老师一手扶着沙发，一手摸着湿漉漉的阴部，娇声说：“把鸡巴从后面插进来。” <br />我用手扶住她雪白、丰腴的大屁股，硬挺的阴茎在她的阴部碰触着，惹得她一阵阵娇笑，她扭动着身躯，摇摆着丰臀，一只手握住我的阴茎，用龟头在她勃起的小巧如豆蔻般的阴蒂上研磨着，嘴里传出诱人的呻吟声： <br />“哦……心肝宝贝………你的大鸡巴真………哦………我教你，把大鸡巴从后面插进老师的屄里，这叫‘狗交式’………哦………对，就这样插进去………用力………哦………用力插………亲亲小老公………大鸡巴操得我快晕了……老师让你的大鸡巴操得太舒服了…………哦…………” <br /><br /><br />柳老师引导着我的阴茎从她的身后插进她的阴道里，我的身体一下下撞击着她丰腴的肥臀，阴茎在她紧紧凑凑滑滑润润的阴道里抽插着。我抱住她的丰臀，小腹撞着柳老师的雪白的大屁股，阴茎每插一下，龟头都会撞击着她阴道深处那团软软的、暖暖的肉。她的小阴唇如同艳丽的花瓣随着我阴茎的插进抽出而翻动。我的双臂环抱着她柔韧的腰肢，一支手去抚摸那已然勃起的小巧如豆蔻的阴蒂，手指沾着她阴道里流泻出来的淫液轻轻按揉着。柳老师手也摸到我的阴囊，用手指轻轻揉捏着。她扭动着身躯，摇摆着丰臀，忘情地呻吟着： <br />“哦………老师的骚屄被学生的大鸡巴操得舒服呀………哦………心肝宝贝………大鸡巴在屄插得太美了………哦…………哦…………使劲操………哦…………哦…………哦…………哦…………” <br /><br /><br />又过了一会，柳老师又躺到了地板上，两条雪白、丰腴、修长的腿分得开开的，高高的举起，我则趴在她柔若无骨的身上，把硬梆梆的阴茎在她的阴道口研磨着，沾着从她的阴道里流出的淫液，研磨着小阴唇，研磨着阴蒂，研磨着阴道口。 <br />“哦……小坏蛋………爽死我了………快把大鸡巴插进老师的骚屄里………哦………快用力操我………哦……快把大鸡巴插进去……哦…………” <br /><br /><br />柳老师放浪地叫着，屁股向上挺送着，一支手把住我硬梆梆的大阴茎对准她那流溢着淫水的阴道口，另一支手搂住我的后背向下一压，只听“滋”的一声，我的阴茎又插进了她的阴道里。我的胸部紧紧压在柳老师雪白坚挺的乳房上，左右前后挤压着，同时上下抬压着屁股，加快了阴茎在她小穴里的抽插。柳老师扭动着身子，阴道紧紧套撸着我的阴茎，不时地指点我性交的技巧。<br /><br /><br />一会让我把阴茎连根插进她的阴道里，扭动着屁股，硕大的龟头深埋在阴道深处研磨着阴道深处那团软软的、暖暖的肉；一会又让我把阴茎抽出仅留龟头还插在阴道口，然后再用力把阴茎向阴道里插去……沙发上、茶几上、餐桌上、餐椅上……到处都是我们作爱的战场，在柳老师的屄里，我的阴茎足足抽插了近一个多小时，柳老师被我操得骨酥筋软，淫水奔流，香汗淋漓，娇喘吁吁。终于，在柳老师的忘情的叫声中，我把精液又强有力地射注在她的阴道里，强有力地冲激着她的子宫。 <br /><br /><br />我们俩筋疲力尽地双躺在宽大的双人床上，互相搂抱着，幸福地互望着。柳老师给我讲起她新婚之夜的第一次，讲到她的丈夫的阴茎插进她的阴道里时候的她感受，讲起她丈夫出国后几年里她独守春闺的寂寞无奈，常常是看着黄色录象，度过那一个个恼人的漫漫长夜。讲到了这个雪夜她第一次红杏出墙就是和小她十多岁的学生共度春风，仿佛又是一次新婚之夜。我把柳老师搂在怀里，亲吻着她，丰腴、艳美的她在我的心目中是美的化身。柳老师的手轻轻握着我的阴茎，我的手在柳老师的阴部游走着、撩拔着。<br /><br /><br />过了一会，柳老师起身背对着我，趴在我的身上，头里埋在我的双腿之间又去吻裹我的阴茎，雪白、肥美的大屁股撅起在我的脸前，柳老师的小嘴把我的刚射完精的还软软的阴茎噙住，裹吮着，手轻轻揉捏着我的阴囊。我捧着柳老师那白白嫩嫩的丰美的大屁股，去吻舔她的阴部，舌尖分开她的大小阴唇，探进阴道里，搅动着，用唇裹住小巧的阴蒂裹吮着。我的阴茎被柳老师裹舔得硬了起来，柳老师把它整个噙在嘴里，我感觉阴茎的龟头已触在柳老师的喉头，柳老师的小嘴，红润的樱唇套裹着我硬梆梆的阴茎；我捧着柳老师雪白、光洁、肥美的丰臀，舌头伸进她的阴道里搅动着，鼻尖在她那淡紫色的如菊花花蕾般小巧、美丽的肛门上。<br />柳老师的阴道里流出淫水，流淌在我的嘴里，脸上，我的舌头舔过柳老师的会阴，又去吻舔她那淡紫色的、小巧美丽，如菊花花蕾般的肛门。柳老师被我吻舔得一陈陈娇笑，任凭我的舌尖在她的菊花蕾内外吻来舔去，终于，她忍不住了，娇笑着叫我把阴茎插进她的肛门里去。 <br /><br /><br />柳老师跪趴在床上，把肥美的屁股高高地撅起，双腿分得很开，露出被我吻舔得湿漉漉的菊花蕾，在雪白、光洁的丰臀的映衬下，那淡紫色的肛门显得分外的美丽、迷人。我忍不住又趴在柳老师的丰腴的肥臀上，去吻舔那小巧玲珑的菊花蕾。过了一会，我跪在柳老师的身后，一手扶着她的圆润、丰腴的肥臀，一手扶着坚挺的、硬梆梆的阴茎，龟头对准柳老师那小巧玲珑、美丽如菊花花蕾的肛门，慢慢地去。菊花蕾上沾满了我的唾液，起到了润滑的作用，所以我的龟头不算太费力气就进了她窄窄的、紧紧的肛门里，肛门与阴道里不太一样，扩约肌有力的夹迫着我的阴茎，柳老师扭动着屁股，叫我把阴茎继续向里插，我轻轻抽插着阴茎，阴茎向柳老师的屁眼里一点点延伸，渐渐地屁眼里滑润起来，我的阴茎也完全插了进去，连根插进了柳老师的屁眼里了。我抽插着阴茎，柳老师扭动着身体，秀发飘飞，香汗淋漓，娇喘吁吁，扩约肌有节奏地收缩着，紧紧夹迫着我的阴茎。 <br /><br /><br />　　“啊……大鸡巴操屁眼操得太爽了……用力……再用力操……”柳老师忘情地叫着。 <br />柳老师的肛门里完全滑润了，我的阴茎里面能得以抽插自如了，她肛门的扩约肌夹迫着阴茎，别有一番滋味。 <br />　　“老师，原来，屁眼也能操的，真没想到，女人身上有这么多玩的地方。”<br />“是呀，老师身上玩的地方多的是，老师愿意教你玩，你想什么时候玩，老师就什么时候陪你玩，你想怎么玩，老师就陪你怎么玩。” <br /><br /><br />阴茎在柳老师的肛门里抽插着，柳老师的手指轻轻揉捏着我的阴囊，在柳老师的屁眼里，我的阴茎被她屁眼的扩约肌套撸着，抽插了许久，终于把精液射注在柳老师的肛门里。 <br /><br /><br />从卫生间清洗出来，我和柳老师搂抱着躺在床上，柳老师把我搂在她怀里，我的嘴噙吻着她的乳头，手揉捏着她肥嫩的丰臀，柳老师的手握住我的阴茎轻轻套撸着，告诉我，她一定要把我培养成一个让女人喜爱的性爱高手，把性交的技巧锻炼得炉火纯青。她搂抱着我，教我怎样与女人调情，怎样与女人接吻，怎样与女人做爱；与处女怎样，与少妇怎样。边说边示范，弄得我的阴茎又硬了起来，又一次插进了柳老师的阴道里。这一夜，我的阴茎几次在柳老师的嘴里、阴道里和肛门里抽插，最后，柳老师把我搂在她丰腴的怀里，我的阴茎插在她的阴道里，甜蜜地进入梦乡。 <br /><br /><br />不知什么时候，我从睡梦中醒来，已是天光大亮了，睁眼看时，柳老师已不在身边。我穿睡衣，走出卧室，从厨房传来声音，我走进厨房，只见柳老师穿着睡衣正在准备早餐。看着柳老师迷人的身影，想起昨夜的的甜蜜与癫狂，看着柳老师纤细的腰肢，浑圆的丰臀，我的阴茎不由得慢慢地硬了起来，我走过去从后面抱住柳老师，柳老师回头冲我温柔地一笑，吻我一下，又转过头去继续忙着。我硬梆梆的阴茎隔着睡衣在柳老师喧软的屁股上，手伸进她的睡衣里，啊，柳老师的睡衣里什么也没穿！我的手伸向她的腹股沟，手指探进她的阴道里，轻轻搅动着，按揉着阴蒂，起初柳老师只是轻声笑着，后来，她的阴道渐渐地湿润了，她的手渐渐地停了下来，撑在操作台上，轻轻娇喘着。我撩起她睡衣的下摆，这里，柳老师的双腿已经分开，我把我硬梆梆的阴茎向她的阴道里插去，只听“滋”的一声，我的阴茎连根插进了柳老师的阴道里，柳老师轻叫一声，阴道紧紧夹裹住我的阴茎，我双手扶着柳老师的丰腴的肥臀，用力抽插着阴茎，阴囊一下一下撞击着阴阜，柳老师先时双手撑着操作台，后来被我操得趴在操作台上，娇喘吁吁。这里，我俩的睡衣早已脱在了地上。在餐厅里，我和柳老师赤身裸体地在操作台上，我的阴茎在她的带有褶皱的、暖暖的阴道里抽插着；柳老师的阴道紧紧地包裹着我粗大的、硬梆梆的阴茎，大小阴唇有力地套撸着。 <br /><br /><br />过了一会，我抱起柳老师，把她放到餐桌上，让她仰面躺在餐桌上，柳老师分开双腿，我站在她的两腿之间，阴茎深深地插在她的阴道里，九浅一深地抽插着，此时柳老师是星目迷朦，娇喘吁吁，面似桃花，香汗淋漓。阴道里流溢出动情的淫水，沾湿了我俩的阴部，流淌在餐桌上。 <br /><br /><br />在柳老师的示意下，我坐在餐椅上，柳老师骑坐在我的身上，我一手搂着她苗条的腰肢，一手抱着她肥美的丰臀，粗长的阴茎从下面向上插在柳老师的阴道里，柳老师向后仰着身体，颠动着，暖暖的、内壁带有褶皱的阴道紧紧夹迫、套撸着我的阴茎。我一面向上挺送着阴茎，一面用嘴噙住柳老师那如熟透了的葡萄般美丽的乳头，轻轻地裹吮着，在她丰腴的双乳上吻舔着。<br /><br /><br />柳老师满头的乌发在脑后飘飞着，如黑褐色的瀑布般飘逸。 <br />这时，早餐已经做了，我还没有射精的迹象，柳老师就从我的身上下去，把早餐端了上来，我把柳老师拉到我的身边，让她坐在我的腿上，柳老师温柔得如同妻子般，肥嫩、喧软的屁股坐在我的大腿上，一口一口地喂我，有时，还嘴对嘴地把早餐喂到我的嘴里。<br />她说，她已是人妇，与自己心爱的学生偷情，是控制不住萌动的春情，压抑不住饥渴的性欲。把一个比自己小近十岁的学生由童子变成真正的男人，用自己少妇成熟美丽的肉体完成对心爱的学生的性爱的启蒙和教导。说着，分开腿，把我的阴茎插进她阴道里。柳老师告诉我，她已给我打了违规，举报我！泓晚上会来柳老师家的，到了晚上，柳老师会让我感受到处女和少妇的不同的口味的。 <br /><br /><br />这天，我整整睡了一天，养足了精神。等我醒来时，已是傍晚时分，走出卧室，泓已和柳老师在客厅里聊天呢。看我出来，泓的脸上露出一抹羞红，随即说： <br />　　“真不害羞，整整睡了一天，到现在才起来。” <br />　　看着她娇嗔、天真的神情，我的心里暖融融的，笑嘻嘻地说； <br />　　“干等你也不来，只睡觉，养足了精神等你。” <br />　　泓的脸上又是一红，瞪我一眼，随即又垂下眼帘，嗔道： <br />　　“谁要你等了。” <br />　　柳老师笑着说： “行了，不要打嘴仗了，你们真是‘不是冤家不聚头’啊。” <br />我和泓都是中文系的高材生，这样的话，我们岂能不知是《红楼梦》里的名句，我俩互望了一眼，心领神会，心里甜滋滋的。 <br /><br /><br />　　吃过晚饭后，我们坐在客厅里闲聊，过了一会，柳老师和泓去卫生间洗澡，等她们出来后，我又进去洗。等我出来时，柳老师已不在屋里了。只有泓一个人坐在客厅的沙发上看柳老师的影集，见我出来，她先是一惊，然后羞得面色绯红，我被她的娇态深深地迷住了，走近她的身旁，一股淡淡的幽香飘入鼻中。 <br />　　“看什么呢？”我没话找话地问她，并坐在她的身旁。 <br />　　泓脸涨得通红，不知怎样回答，我看时，原来都是柳老师的写真像，有她一个人的，也有和她丈夫做爱时。难怪泓会看得这样紧张。我知道，这是柳老师故意安排的，就说： <br />　　“咱俩一起看，吗？” <br />　　泓羞涩地看了我一眼，把影集往我面前推了下，我俩并肩坐在沙发上一起看柳老师的影集。 <br />　　<br /><br />我伸出手臂搂住泓纤细的腰，把脸贴在她秀美的的脸上，泓的脸热热的，我轻声说： <br />　　“泓，你喜欢我吗？” <br />　　“……你……喜欢我吗？”泓反问我。 <br />　　我用力把她搂在怀里： “你说呢？” <br />　　她如小鸟依人般伏在我的怀中，羞涩地喃喃说道：“绛，从见到你的第一天起，我就喜欢你了。这也许就是‘一见钟情’吧。” <br />　　我吻着她因羞涩而红得如春花般娇美的面庞，喃喃地说： <br />　　<br /><br />“我也是一样，梦里寻她千百度，募回首，那人却在灯火阑珊处。”我吻到她香甜的小嘴，她和我互吻着，少男少女的情爱在柳老师的诱发下如春草萌生起来。我俩的舌头在对方的嘴里搅动着，互相纠缠着。屋里的温度很高，我们洗过澡后只穿着衬衣裤。隔着单薄的衣衫，我感到了泓身体的热度，慢慢地我把手伸进了泓的上衣里，泓半推半就地任我把手伸进她因刚洗完澡没穿乳罩的上衣里。 <br /><br /><br />当我的手摸触到她坚翘、挺实的乳房时，泓的浑身一颤，身体紧紧地偎在我的怀里，我把她坚实的乳房握在手中，轻轻揉捏着。泓已动了真情，少女的情欲已被我的抚摸燃起。她微闭着秀目，任由我爱抚。我抱起她走进了卧室。 <br /><br /><br />在柳老师的床上，我慢慢地给泓脱去上衣，泓的脸羞得绯红，紧闭着眼睛不敢看我，少女白晰的身体就在我的眼前，如玉石般纯洁，如山泉般清纯。啊，这是少女的乳房，虽没有柳老师的丰腴，但与她的一样圆翘，又比柳老师少妇的乳房坚挺、结实。我趴在她的身上，去吻她雪白的脖颈，如天鹅绒般光润的胸脯，吻她坚挺、结实、圆翘的少女的乳房。我用嘴噙吮着着如樱桃般小巧的乳头，另一支手揉捏着另一支乳房，泓浑身颤动着，不安地扭动着身体，面色开始变得酡红，她伸出纤嫩的手轻轻地抚摸着我的头，我又慢慢地把她的衬裤脱去，一个少女的赤裸裸的身体便完全展现在了我的眼前。与柳老师的成熟、美艳、丰腴不同，泓自有一种风韵，娇小、纤嫩，但也圆润、迷人。<br /><br /><br />与柳老师乌黑、浓密的阴毛相比，泓的阴毛要稀疏、清淡一些，如萋萋芳草恰到处地遮覆着微微隆起的阴阜；阴唇把阴道口包隐得严严实实的——与柳老师的不同，柳老师的小阴唇是微微分开的，能清楚地看到阴道口。小巧的肛门紧紧凑凑的，如红色的菊花花蕾，在雪白的屁股的映衬下分外迷人、美丽。我被大自然这绝美的造物深深地迷住了，把脸埋在泓的两股间，贴着少女贞洁的阴部，深深地吸嗅着少女阴部那迷人的、沁人心脾的体香。泓的阴部热呼呼的，她那蓬松的、柔软的阴毛拂撩着我的脸，我忍不住去吻她——一个少女的阴部。<br /><br /><br />当我的嘴碰触到她的阴唇的时候，泓的身体颤栗着，嘴里忍不住轻轻呻吟一声，我吻着她红润、滑润、肥腻的大阴唇，用舌尖舔着，分开，去吻舔那红艳艳的小阴唇，泓扭动着娇躯，喘息着，把一支手放在嘴里，轻轻咬着，压抑着，不让自己叫出声来。红艳艳的小阴唇因性兴奋而充血，滑润起来，我用舌尖分开小阴唇，去舔触她的阴道口。由于处女膜，泓的阴道口不象柳老师的阴道口那样，可以任舌尖任意出入，一道圆环挡在了阴道口，使我的舌尖不能向前，这时，泓的阴道里分泌出滑腻腻的淫水，啊，这是少女动情的爱液，是处女阴道深处的甘露。我的舌头、双唇沾满了这浓浓的少女的甘露。我用舌尖舔触着那小巧的如豆蔻般美丽的阴蒂，用双唇裹吮着，泓这时已被我吻舔得娇喘吁吁，嘴里发出迷人的呻吟声： <br />“哦，绛，不要……哦……哦……我……” <br /><br /><br />这时，我的阴茎已勃涨得硬梆梆得，我脱去衣裤，趴在泓的身上，把她的双腿分开，坚挺的阴茎硬梆梆触在泓的阴部，泓本能地把双腿并上，我用力再把她的腿分开，一支手分开阴唇，露出少女迷人的阴道口；另一支手扶着硬梆梆的阴茎，把龟头对准那湿润、滑腻的阴道口插去，当我的阴茎的龟头触在泓的阴道口时，泓微微睁开了眼睛，柔情万种地、羞涩地看了我一眼，随即又闭上了眼睛，轻声说： <br />“绛，我爱你，可是我……从来没这样过……你，你要轻些，慢些……吗？”说完已是满面绯红，无限娇羞了。 <br /><br /><br />　　我动情地吻着她，说： “不要怕，我会慢慢的、轻轻的，让你享受到快乐、幸福。” <br />我的阴茎的龟头，已沾满了从她的阴道里分泌出来的爱液，慢慢地向泓的阴道里插去，处女的阴道紧紧的，泓微皱着眉头，我轻轻把阴茎向里推插，光圆的龟头触在处女膜上，我慢慢地用力向阴道深处挺插着阴茎，泓皱着眉头，忍着初次性交的痛楚。处女膜紧紧的套住我阴茎的龟头，我用力向前一送，只听“哎呀”一声，泓疼得叫出声来，我的阴茎也冲破了处女膜，向少女的阴道深处插去。 <br />　　“啊！绛，疼，不要了，快停！” <br />　　泓紧闭的双眼流出了泪水。 <br />　　<br /><br />我趴在她的身上，阴茎插在她的阴道里，一动不动。双手搂抱着她，吻去她脸上的泪水，爱抚着她，安慰着她： “泓，不要怕，我慢慢地来，放松，对，放松，我不会弄疼你的。” <br /><br /><br />我慢慢地、轻轻的把阴茎在她的阴道里抽插着，少女的阴道紧紧地包裹着我的粗大的阴茎，多皱的阴茎内壁套撸着，泓渐渐地平静下来了，娇躯随着我阴茎的抽插而颤动，从初次性交的痛楚中渐渐感受到了快感和幸福，美妙的秀目也微微睁开了，目光迷离，如梦似幻。我也渐渐加快了抽插的速度，阴茎完全插进泓的阴道里，龟头一下一下触着阴道尽头那团似有似无的软融融的肉。泓被我抽插得星目迷离，娇喘吁吁，香汗淋漓，满面酡红。处女的阴道里紧紧的，与柳老师的阴道相比，泓的阴道要比柳老师的紧得多。红艳艳的小阴唇紧紧夹迫着我的阴茎，多皱的阴道内壁包裹、套撸着我的阴茎。泓的阴道深处流溢出更多的爱液，我俩的阴毛粘在了一起，随着我阴茎有力地抽插，我的阴囊一下一下撞击着她的会阴。泓快活地呻吟着，阴道深处涌出一股暖流冲击着我阴茎的龟头，我用力抽插着阴茎，从龟头传来一阵麻痒，象闪电般霎时传遍全身，从阴茎里强有力地喷射出的精液射注在泓的少女的阴道里。 <br /><br /><br />　　过了久，我们俩从激情中慢慢平静下来，我的阴茎也渐渐软了下来，从泓的阴道里滑了出来，泓让我把她雪白的丝巾拿来，去拭干她的阴部我的阴茎上的点点血痕，那点点处女的血，在雪白的丝巾上如红艳艳的桃花片片。这时，泓的阴道口，红艳艳的，如雨后桃花般美丽。我拥抱着她，亲吻着她，泓小鸟依人般偎在我的怀中，眼里闪着晶莹的泪花。那一年，我十八岁，泓十七岁。<br /></font></span></p></p>]]>
			</description>
			<dc:subject>
				<![CDATA[]]>
			</dc:subject>
			<dc:creator>
				<![CDATA[name]]>
			</dc:creator>
			<dc:date>2007-07-18  00:31</dc:date>
		</item>
			<item rdf:about="http://moonpalace.bokee.com/5489111.html">
			<title>
				<![CDATA[99%的人看完后当场含笑而死..如果没倒地你就是那1%]]>
			</title>
			<link>http://moonpalace.bokee.com/5489111.html</link>
			<description>
				<![CDATA[<p><strong><span class="smalltxt"><span class="bold">99%的人看完后当场含笑而死..如果没倒地你就是那1%</span></span><br /><br /></strong><span style="FONT-SIZE: 13px">一次逛街时突然觉得肚子很痛，于是走进街角的火锅店，想说借个厕所用用，偏偏找遍了一楼就是找不到，于是我跑到二楼去，二楼是还在装修空荡荡的没有任何东西，但是却发现有一间厕所门贴着*故障待修,请勿使用*，我实在是忍不住了,管他三七二十一，反正四下无人，脱了裤子就朝马桶蹲下去，霹雳啪啦……好爽！！<br /><br />&nbsp; &nbsp; 结束后，我走下楼去却发现空无一人，奇怪了，正值晚餐时间刚才楼下还高朋满座说,怎么一下子就人去楼空呢？？连服务生和接待都不见了……<br /><br />&nbsp; &nbsp; 于是我走近吧台，并且问到：「有人在吗？怎么都没人了？」此时，只见一个男服务生从吧台下钻出来，并且开口说：「我CAO！……刚才大便从天花板掉下来打到电风扇的时候你不在？算你运气好~~！</span> </p>]]>
			</description>
			<dc:subject>
				<![CDATA[]]>
			</dc:subject>
			<dc:creator>
				<![CDATA[name]]>
			</dc:creator>
			<dc:date>2006-08-5  02:27</dc:date>
		</item>
			<item rdf:about="http://moonpalace.bokee.com/4200436.html">
			<title>
				<![CDATA[ 爆笑:林黛玉致贾宝玉的一封情书]]>
			</title>
			<link>http://moonpalace.bokee.com/4200436.html</link>
			<description>
				<![CDATA[<p><div id="world"><span class="tpc_content">亲爱的宝哥哥： <br /><br />&nbsp; 好几天不见你了我的宝哥哥，还在生妹妹的气吗？你不来看我，可怜妹妹每天只好对月邀影，虽然成三人，却也不胜寂寞。 <br /><br />&nbsp; 妹妹不知道你究竟有几个好妹妹，可妹妹知道你的心里只有我，所以妹妹决心抛开女儿家的羞涩，大胆向你示爱，以防止你再犯拜到在袭人那丫头裙下的低级错误。同时几天的冷静还让妹妹产生一伟大设想，与亲爱的宝哥哥商量商量。 <br /><br />&nbsp; 妹妹觉得以宝哥哥“面如中秋之月，色如春晓之花”的绝世容貌，若能闯进演艺界，必能成为娱乐界之天皇帅哥，而妹妹则国色天香，惠质兰心、清纯可爱，若与哥哥携手进军影坛，相信不久必能成为玉女派第一掌门，加上你我本就是古装明星，星途真是一片光明，想想都令人兴奋不已。 <br /><br />&nbsp; 待我们出名后，必然会为荣国府带来巨大财源，到时，我就能取代凤姐那泼辣的女人，而你也不必再受贾政那老顽固的气了。不过，我们还要再接再厉。首先，我建议宝哥哥出一本书，名字就叫《如何赢得PLMM的青睐》，再搞一次签名售书，必然畅销，而我就要出一张专辑《忆红楼-----忧伤女人自白》，怎么样感觉新潮吗？ <br /><br />&nbsp; 其实，这些都是将来的事，我们首先要做的是，请出葫芦门子（不要小看这个小人物，当初可是他一手编导的葫芦僧判断葫芦案）做编剧，再请贾雨村作导演，重新改编咱们的爱情故事，由悲转喜，改编成一部青春偶像浪漫喜剧片，就象《还珠》系列，或如《流星花园》那样，想必会在影视界掀起新的红楼热。如果还不行，可以大刀阔斧的改，就象改编《梁祝》、《智取威虎山》那样，加入一些大家感兴趣的东西，诸如三角恋、第三者之类，何况红楼本就有许多这样的场面，也不算违背主旨。我们的目的是让文学跟上时代，不能误导青少年脱离实际吗。再说这样炒作一下还是对我们片子的发行量很有利的，对不对，宝哥哥。 <br /><br />&nbsp; 另外，我还策划了一些前期工作，用来供新闻媒体发挥，其实是为我们炒作的东西： <br /><br />&nbsp; １、 首先，请贾老先生开一新闻发布会，宣布即将投巨资开拍红楼新片，将我们的构思透露给大家，先让媒体评论个够。 <br /><br />&nbsp; ２、 然后，所有剧组人员一律与外界切断联系，封闭整个拍摄过程。 <br /><br />&nbsp; ３、 在封闭期间，可以考虑让刘姥姥向外界透露一点消息，比如拍摄过程中宝哥哥的风流韵事之类。 <br /><br />&nbsp; ４、 宝哥哥再设法把呆霸王薛蟠灌醉，让他在外边随便找一个不顺眼的打一架，几经周折后，再由剧组赔礼道歉，这准会提高剧组知名度。 <br /><br />&nbsp; ５、 不妨让贾老先生拿出葫芦手段，在社会上散播些要更换男女主角，或者再来个网上选美，把大家的胃口吊起来。 <br /><br />&nbsp; ６、 到制作后期，宝哥哥可以针对贾导发一些评论，然后宣布要带领众妹妹脱离剧组，不过，最后在某著名人士的劝解下，还是和为上。 <br /><br />&nbsp; 好了，妹妹说了这么多，其实一切都是为了和宝哥哥的纯真爱情以及婚后小日子着想，我们要开创我们自己的美好生活，同时为我们所共同爱好的事业贡献一分力量，还望宝哥哥能体谅妹妹的苦心，妹妹决心将这一理想付诸实施，我已注册一红楼无限影视发展公司，注册资金还望宝哥哥鼎力相助。 <br /><br />&nbsp; 此致，你永远的黛 <br /><br />&nbsp; 敬礼并深情一吻</span><br /><!----></div></p>]]>
			</description>
			<dc:subject>
				<![CDATA[]]>
			</dc:subject>
			<dc:creator>
				<![CDATA[name]]>
			</dc:creator>
			<dc:date>2006-01-15  19:05</dc:date>
		</item>
			<item rdf:about="http://moonpalace.bokee.com/3675869.html">
			<title>
				<![CDATA[中国IT与人才]]>
			</title>
			<link>http://moonpalace.bokee.com/3675869.html</link>
			<description>
				<![CDATA[<p><p>电脑报 闫威</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 如今，IT巨头在中国积极布道招兵买马，趋之若鹜。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 在中国IT业界，一边是所需专业人才告急，一边是IT相关专业毕业生相对过剩；一边是中国IT业在国际市场上高歌猛进，一边是中国IT人生活状态不断下降。中国IT业遭遇着前所未有的喜悦和瓶颈。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 中国IT人才很膨胀。每年新增数以万计的计算机相关专业毕业生，企业人才年轻化，裁员艰难化，读一起制造着人才剩余。巨头企业在这得到了明星般的追捧。GOOGLE李开复在大学里的招聘演讲，门票卖到400元一张。微软的校园招聘条件苛刻，开始从不乏蜂拥者。IT企业巨头成为中国IT学子的前途审判者。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 中国IT人才真的很匮乏。海外巨头紧锣密鼓在华酿造新一轮人员扩张。目标不仅指向中国优秀的应届毕业生源，更是虎视眈眈廉价的研发力量。在美国IT业如日中天的背后，华人是巨大的智力支持。美国人没有走，德国人又来了，直接向他们所需要的IT人才发放绿卡。印度也在抢夺中国IT人才上争先恐后。而国内中小IT企业面临不是接不到，而是找不到人的苦闷。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 中国人骄傲，拥有那么多的IT精英人才力量，中国人沉重，那么多的人才在流失，科技竞争力也渐渐的萎缩。“国内种数，却国外结果”。人才流失加剧了国内产业环境的恶性循环，而环境差距成了人才流走的主要原因，这是“我本将心向明月，奈何明月照沟渠”的尴尬。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 中国IT业暴露出来的人才危机还是用人之道的危机，又一个“鸡生蛋还是蛋生鸡”的矛盾命题。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中国IT业亟待解决的人才危机不在人，而在用人之道。但是我们有理由相信，中国IT业一定能够实现非常自如和愉快的转换，在IT人才大国和强国之间！</p></p>]]>
			</description>
			<dc:subject>
				<![CDATA[]]>
			</dc:subject>
			<dc:creator>
				<![CDATA[name]]>
			</dc:creator>
			<dc:date>2005-11-28  05:03</dc:date>
		</item>
			<item rdf:about="http://moonpalace.bokee.com/3675832.html">
			<title>
				<![CDATA[中国IT与文化]]>
			</title>
			<link>http://moonpalace.bokee.com/3675832.html</link>
			<description>
				<![CDATA[<p><p>&nbsp; 在很多人眼里，IT与文化是风马牛不相及，其实不然。</p><p>当无数同胞趴在电脑前等待微软系统升级时，当摩尔定律潜移默化地影响着一代又一代人时，当曾经的IBM员工诉说着蓝色巨人像在移民时，那就是文化的力量。</p><p>中国IT要崛起要赶超，同样离不开文化的支撑。</p><p>相信你不会忘记：排山倒海的PC，笔记本，MP3，等在各地的数码广场上竟相降价而头破血流；珠江三角的IT工厂如历史朝代，更迭不断；中国的软件外包到现在还没有超过印度。。。。。。其中一个很重要的要素就是对其所承载的文化元素没有深入理解。</p><p>这里的文化并不是单纯的文学，艺术这样的东西，更多是中国自己的特色，中国自己的消费文化，市场文化，企业文化。。。。。</p><p>在互联网大潮涌动的今天，文化的力量开始被IT人所洞察。</p><p>金山游戏成功了，因为它抓住了中国人的娱乐习惯；腾讯QQ成功了，因为它拥有中国强大的人气基础；百度搜索成功了，因为它抓住中国人的使用习惯。</p><p>无论是GOOGLE还是MSN，要在中国获得一席之地，都逃不过本土化这一关，而这正是中国IT得天独厚的优势所在。</p><p>脱离了文化，IT将是无木之本。企业可以倒闭，产品可以淘汰，只有文化生生不息，源源流长。惟有将传统的文化融入现代的中国IT，中国IT才能扬眉吐气，也惟有如此，中国IT才能代代相传。</p></p>]]>
			</description>
			<dc:subject>
				<![CDATA[]]>
			</dc:subject>
			<dc:creator>
				<![CDATA[name]]>
			</dc:creator>
			<dc:date>2005-11-28  04:42</dc:date>
		</item>
			<item rdf:about="http://moonpalace.bokee.com/3640771.html">
			<title>
				<![CDATA[CSS语法手册]]>
			</title>
			<link>http://moonpalace.bokee.com/3640771.html</link>
			<description>
				<![CDATA[<p><p><strong><font color="#ff0000">（一）字体属性</font></strong></p><p><strong><font color="#ff0000"><span class="text12hei"><span class="Contents"><font color="#000000" size="3">&nbsp;</font></span></span></font></strong></p><p>1、font-family</p><p><font color="#ff0000">功能</font>：用于改变HTML标志或元素的字体，你可设置一个可用字体清单。浏览器由前向后选用字体。<br /><font color="#ff0000">语法</font>：{font-family:字体1,字体2, ... ,字体n}<br /><font color="#ff0000">例子</font>：</p><p /><h2 title="font-family:隶书,宋体,Sans serif" style="FONT-FAMILY: 隶书,宋体,Sans serif"><font color="#0000ff">字体</font></h2><p>2、font-style</p><p><font color="#ff0000">功能</font>：使文本显示为扁斜体或斜体等表示强调 。<br /><font color="#ff0000">数值</font>：<br />normal - 正常<br />italic - 斜体<br />oblique - 偏斜体<br /><font color="#ff0000">例子</font>：</p><p /><p><font color="#0000ff"><span title="font-style:normal">Normal</span></font></p><p><font color="#0000ff"><span title="font-style:italic" style="FONT-STYLE: italic">Italic</span></font></p><p><font color="#0000ff"><span title="font-style:oblique" style="FONT-STYLE: oblique">Oblique</span></font> </p><p>3、font-variant</p><p><font color="#ff0000">功能</font>：用于在正常与小型大写字母字体间切换。<br /><font color="#ff0000">数值</font>：normal - 如果该标志继承父元素的 small-caps 设置，则关键字 normal 将 font-variant 设置为正常字体。<br />small-caps - 把小写字母显示为字体较小的大写字母。 <br /><font color="#ff0000">例子</font>：</p><p /><p><font color="#0000ff"><span title="font-variant:normal">FONT</span>-<span title="font-variant:small-caps" style="FONT-VARIANT: small-caps">VARIANT</span></font> </p><p>4、font-weight</p><p><font color="#ff0000">功能</font>：用于设置字体灰度，生成字体的深，浅版本。<br /><font color="#ff0000">数值</font>：<br />正常灰度 - normal<br />相对灰度 - bold, bolder, light, lighter<br />梯度灰度 - 取值如下：100, 200, 300, 400(相当于normal), 500, 600, 700(相当于bold), 800, 900。<br /><font color="#ff0000">例子</font>：</p><p /><p><font color="#0000ff"><big><big><font size="5"><span title="font-weight:bold" style="FONT-WEIGHT: bold">字体</span><span title="font-weight:100" style="FONT-WEIGHT: 100">灰度</span></font></big></big></font> </p><p>5、font-size</p><p><font color="#ff0000">功能</font>：用各种度量单位控制文本字体大小。<br /><font color="#ff0000">数值</font>：有四种数值方式<br />绝对尺寸- 用具体字号表定义字体大小，可以取下列数值之一：xx - small, x-small, small, medium, large, x-large, xx-large。不同字体有不同的数值。<br />相对尺寸 - larger, smaller，产生的尺寸是相对于父容器字号而言的。<br />长度 - 用毫米(mm)，厘米(cm)，英寸(in)，点数(pt)，象素(px)，pica(pc)，ex(小写字母x的高度)或em(字体高度)作为度量单位。<br />百分比 - 相对于其父元素字体大小的百分比。<br /><font color="#ff0000">例子</font>：<font color="#0000ff"><span title="font-size:small" style="FONT-SIZE: small">字</span><span title="font-size:large" style="FONT-SIZE: large">体</span><span title="font-size:80%" style="FONT-SIZE: 80%"><font size="2">大</font></span><span title="font-size:32pt" style="FONT-SIZE: 32pt">小</span></font></p><p /><p>6、font</p><p><font color="#ff0000">功能</font>：简写属性，提供了对字体所有属性进行设置的快捷方法。<br /><font color="#ff0000">语法</font>：{font:字体属性1 字体属性2 ... 字体属性n}<br /><font color="#ff0000">数值</font>：字体属性值为前面已列出的值，此外还可以设置行间距属性 line-height(见文本属性)，内容的顺序为：font-style; font-variant; font-weight; font-size; line-height; font-family。可省略部分属性，属性值间用空格分开。<br /><font color="#ff0000">例子</font>：</p><p /><p><font color="#0000ff"><span title="font:italic bold 24pt arial,serif" style="FONT: bold italic 24pt arial,serif">FONT</span></font> </p><p>（二）文本属性</p><p><span class="text12hei"><span class="Contents"><font size="3"></font></span></span></p><p align="left">1、letter-spacing</p><p align="left"><font color="#ff0000">功能</font>：控制文本元素字母间的间距，所设置的距离适用于整个元素。<br /><font color="#ff0000">数值</font>：<br />normal - 正常间距，将字符间的间距复位为所有字体和字号的正常间距。<br />长度 - 设置字间距长度，正值表示加进父元素中继承的正常长度，负值则減去正常长度。在数字后指定度量单位如下：mm, cm, in, pt(点数), px(象素), pc(pica), ex(小写字母x的高度), em(大写字母M的宽度)。<br /><font color="#ff0000">例子</font>：</p><p /><h1><font color="#0000ff"><span title="letter-spacing:1em" style="LETTER-SPACING: 1em">Letter</span></font>-<span title="letter-spacing:-5px" style="COLOR: blue; LETTER-SPACING: -5px">Spacing</span></h1><p>2、line-height</p><p><font color="#ff0000">功能</font>：设置元素中文本的行间距。<br /><font color="#ff0000">数值</font>：<br />normal - 正常高度，通常为字体尺寸的 1-1.2倍，这是缺省设置。<br />数字 - 设置元素中毎行文本的距离为字体尺寸乘以这个数字。例如字体尺寸为10点，设置line-height为2，则间距20点。<br />长度 - 用标准度量单位设置间距，有些是绝对的，有些是相对的，详见letter-spacing中的説明。<br />百分比 - 也字体尺寸的百分比设置间距。 </p><p /><p title="line-height:2" style="LINE-HEIGHT: 2"><font color="#ff0000">例子</font>： <font color="#0000ff">这是第一行。</font></p><p title="line-height:10%" style="LINE-HEIGHT: 10%"><font color="#0000ff">这是第二行。</font></p><p title="line-height:2cm" style="LINE-HEIGHT: 2cm"><font color="#0000ff">这是第三行。</font> </p><p>3、text-align</p><p><font color="#ff0000">功能</font>：在元素框中水平对齐文本。<br /><font color="#ff0000">数值</font>：<br />left - 左对齐<br />right - 右对齐<br />center - 居中<br />justify - 均匀分布， 生成等长的行 <br /><font color="#ff0000">例子</font>：</p><p /><h2 title="text-allign:left"><font color="#0000ff">对左</font></h2><h2 title="text-align:center" style="TEXT-ALIGN: center"><font color="#0000ff">居中</font></h2><h2 title="text-align:right" style="TEXT-ALIGN: right"><font color="#0000ff">对右</font></h2><p>4、text-decoration</p><p><font color="#ff0000">功能</font>：文本修饰，用于控制文本元素所用的效果，特别适用于引人注意的说明，警告等文本效果。<br /><font color="#ff0000">数值</font>：<br />none - 无文本修饰，缺省设置。<br />underline - 下划线。<br />overline - 上划线。<br />line-through - 删除线。<br />blink - 闪烁。<br />同一语句中可以组合多个关键字。<br /><font color="#ff0000">例子</font>：</p><p /><p title="text-decoration:underline" style="TEXT-DECORATION: underline"><font face="Arial" color="#0000ff">underline </font></p><p title="text-decoration:overline" style="TEXT-DECORATION: overline"><font face="Arial" color="#0000ff">overline </font></p><p>5、text-indent</p><p><font color="#ff0000">功能</font>：文本缩排，用于段落的第一行缩排上。<br /><font color="#ff0000">数值</font>：<br />长度 - 设置首行缩排的尺寸为指定度量单位，有些单位是相对的，有些则是绝对的，祥见 letter-spacing 属性的说明部分。<br />百分比 - 以行长的百分比设置首行缩排量。<font color="#ff0000"><br />例子</font>：</p><p /><p title="text-indent:20pt" style="TEXT-INDENT: 20pt"><font face="楷体_GB2312" color="#0000ff">文本缩排，用于段落的第一行缩排上。</font></p><p>6、text-transform</p><p><font color="#ff0000">功能</font>：设置一个或几个元素的大写标准。<br /><font color="#ff0000">数值</font>：<br />none - 不改变文本的大写小写。<br />capitalize - 元素中毎个单词的第一个字母用大写。<br />uppercase - 将所有文本设置为大写。<br />lowercase - 将所有文本设置为小写。<br /><font color="#ff0000">例子</font>：</p><p /><p title="text-transform:capitalize" style="TEXT-TRANSFORM: capitalize"><font color="#0000ff">a text-transform example.</font></p><p title="text-transform:uppercase" style="TEXT-TRANSFORM: uppercase"><font color="#0000ff">a text-transform example.</font></p><p title="text-transform:lowercase" style="TEXT-TRANSFORM: lowercase"><font color="#0000ff">a text-transform example.</font></p><p>7、vertical-align</p><p><font color="#ff0000">功能</font>：垂直对齐。<br /><font color="#ff0000">数值</font>：<br />baseline - 对准两个元素的小写字母基准线。<br />sub - 下标。<br />super - 上标。<br />top - 顶部对齐。<br />text-top - 文本顶对齐。<br />middle - 中线对齐。<br />bottom - 底线对齐。<br />text-bottom - 字母底线对齐。<br />百分比 - 将线上元素基准线在父元素基准线基础上升降一定的百分比，和元素的 line-height 属性组合使用。<br /><font color="#ff0000">例子</font>：</p><p /><p><big><big><font color="#0000ff"><font size="5">a<span title="vertical-align:sub" style="VERTICAL-ALIGN: sub">1</span>x<span title="vertical-align:super" style="VERTICAL-ALIGN: super">2</span></font></font></big></big></p><p>8、word-spacing </p><p><font color="#ff0000">功能</font>：控制文本中元素单词间的间距。设置的间距适用于整个元素，不能在某个单词间插入更大或更小的间距。<br /><font color="#ff0000">数值</font>：<br />normal - 正常间距。<br />长度 - 如果长度为正，则加进从父元素继承的正常长度，如果是负值，则减去。<br /><font color="#ff0000">例子</font>：</p><p /><h2 title="word-spacing:1em" style="WORD-SPACING: 1em"><font color="#0000ff">A Word Spacing Example</font></h2><p title="word-spacing:1em" style="WORD-SPACING: 1em">（三）文本填充，边框，边界和位置属性（一）</p><p title="word-spacing:1em" style="WORD-SPACING: 1em"><table class="2H" style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" cellspacing="0" cellpadding="20" width="768" align="center" bgcolor="#ffffff" border="0"><tbody><tr><td valign="top" colspan="2"><span class="text12hei"><span class="Contents"><p align="left">一、框填充属性</p><p align="left">1、padding-bottom<br />padding-left<br />padding-top<br />padding-right</p><p align="left"><font color="#ff0000">功能</font>：毎个容器都有边框，这些属性设置边框与框內元素间的距离。<br /><font color="#ff0000">数值</font>：<br />长度 - 设置相对或绝对值。在数字后指定度量单位如下：mm, cm, in, pt, px, pc, ex, em。em 和 ex 设置产生相对于父字体的字体尺寸。<br />百分比 - 以父元素的百分比设置边框。<br /><font color="#ff0000">说明</font>：填充值不能使用负值，但可以是小数。<br /><a href="http://wwwb.pconline.com.cn/pcedu/sj/jq/cssyu/01/01.htm" target="_blank"><font class="underline" color="#ff0000">例子</font></a></p><p align="left">2、padding</p><p><font color="#ff0000">功能</font>：是个简写属性，用于设置上，下，左，右各个方向边框和内容元素的间距。<br /><font color="#ff0000">数值</font>：同前。<br /><font color="#ff0000">说明</font>：用单一值可以让毎边等距填充；如果用两个值，则第一个值用于上下填充，第二个值用于左右填充；如果用三个值，则赋于上边填充，左右填充和下边填充；如果用四个值，则分别用于上，右，下，左填充。可以混合数值类型。<br /><a href="http://wwwb.pconline.com.cn/pcedu/sj/jq/cssyu/01/02.htm" target="_blank"><font class="underline" color="#ff0000">例子</font></a></p><p>二、框边框属性</p><p>1、border-top<br />border-bottom<br />border-right<br />border-left</p><p /><p><font color="#ff0000">功能</font>：这四个属性都是简写属性，分别设置上，下，右，左的边框属性。缺省情况下，边框没有样式设置。<br /><font color="#ff0000">数值</font>：共有三个边框属性<br />border-width: 取值为 thin, medium, thick或指定长度。<br />border-style: 设置用于修饰边框的底纹。可以设置下列样式：none, dotted,doshed, solid, double, groove, ridge, inset, outset。<br />border-color: 设置边框颜色。<br /><a href="http://wwwb.pconline.com.cn/pcedu/sj/jq/cssyu/01/03.htm" target="_blank"><font color="#ff0000"><span class="underline">例子</span></font></a></p><p>2、border-top-width<br />border-bottom-width<br />border-right=width<br />border-left-width </p><p><font color="#ff0000">功能</font>：分别设置各个边框的厚度。<br /><font color="#ff0000">数值</font>：<br />thin - 细边框。<br />medium - 中等线宽。<br />thick - 粗线。<br />长度 - 用相对或绝对单位设置边框宽度。<br /><a href="http://wwwb.pconline.com.cn/pcedu/sj/jq/cssyu/01/04.htm" target="_blank"><font class="underline" color="#ff0000">例子</font></a></p><p>3、border-width</p><p><font color="#ff0000">功能</font>：简写属性，可同时设置四个边框的宽度。<br /><font color="#ff0000">数值</font>：<br />thin - 细边框。<br />medium - 中等线宽。<br />thick - 粗线。<br />长度 - 用相对或绝对单位设置边框宽度。<br /><font color="#ff0000">说明</font>：见 padding 说明。<br /><font color="#ff0000">例子</font>：</p><p /><p title="border-width:1px 3px 3px 1px;border-color:gray;border-style:solid" style="BORDER-RIGHT: gray 3px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 3px solid"><font color="#0000ff">边框属性</font></p><p>4、border-color</p><p><font color="#ff0000">功能</font>：简写属性，设置四个边框的颜色值。<br /><font color="#ff0000">数值</font>：可以用颜色名或RGB值。如果指定单个颜色，则四个边框都显示为这个颜色；如果指定两个颜色，则顺序为上下，左右；如果指定三种颜色，则顺序为上，左右，下；如果指定四种颜色，则顺序为上，右，下，左。<br /><font color="#ff0000">说明</font>：颜色名如下<br />aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.<br />对于RGB值，可用三种方法指定<br />#rrggbb; rgb(r,g,b); rgb(r%,g%,b%)<br /><font color="#ff0000">例子</font>：</p><p /><h2 title="border-color:olive blue maroon red;border-style:solid;border-width:thick" style="BORDER-RIGHT: blue thick solid; BORDER-TOP: olive thick solid; BORDER-LEFT: red thick solid; BORDER-BOTTOM: maroon thick solid">边框颜色</h2><p>5、border-style</p><p><font color="#ff0000">功能</font>：用于显示边框和指定边框样式。<br /><font color="#ff0000">数值</font>：<br />none - 不显示边框，为缺省值<br />dotted - 点线<br />dashed - 虛线<br />solid - 实线<br />double - 双线<br />groove - 3D陷入线<br />ridge - 3D山脊狀线<br />inset - 使页面有沉入感<br />outset - 使页面有浮出感<br /><font color="#ff0000">说明</font>：并非所有浏览器都能显示ridge, inset, outset 之类的样式，有些浏览器将所有边框都绘制成实线。<br /></p><p /><p title="border-style:groove ridge inset outset;border-color:#F0F8FF #F0FFFF blue #5F9EA0" style="BORDER-LEFT-COLOR: #5f9ea0; BORDER-BOTTOM-COLOR: blue; BORDER-TOP-STYLE: groove; BORDER-TOP-COLOR: #f0f8ff; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: outset; BORDER-RIGHT-COLOR: #f0ffff; BORDER-BOTTOM-STYLE: inset">Example1</p><p title="border-style:double;border-color:blue;border-width:thick" style="BORDER-RIGHT: blue thick double; BORDER-TOP: blue thick double; BORDER-LEFT: blue thick double; BORDER-BOTTOM: blue thick double">Example2</p><p>6、border</p><p><font color="#ff0000">功能</font>：简写属性，设置所有边框属性。<br /><font color="#ff0000">数值</font>：<br />border-width - 取值 thin, medium, thick 或指定长度。<br />border-style - 取值 none, dotted, dashed, solid, double, groove, ridge, inset, outset<br />border-color - 可用颜色名或RGB值。<br /><font color="#ff0000">说明</font>：与其它简写属性不同的是，每个设置只能取一个值，这个属性均匀作用于框的各边。<br /><font color="#ff0000">例子</font>：</p><p /><div title="border:12px double purple" style="BORDER-RIGHT: purple 12px double; BORDER-TOP: purple 12px double; BORDER-LEFT: purple 12px double; BORDER-BOTTOM: purple 12px double"><p>This Is A Example</p></div></span></span></td></tr><tr><td align="right" colspan="2"><p></span /></p><p /><p align="left"><strong><font color="#ff0000">（四）文本填充，边框，边界和位置属性（二）</font></strong></p><p align="left"><font color="#ff0000"><span class="text12hei"><span class="Contents"><font color="#000000">&nbsp;</font></span></span></font></span /></p><p align="left"><strong>三、框边界属性</strong></p><p align="left"><strong>1、margin-bottom<br />margin-left<br />margin-right<br />margin-top</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：这四个属性用来设置元素与其相邻元素间的距离，可以用长度或相对于其父文本的宽度的百分比来定义，也可以自动处理。<br /><font color="#ff0000">数值</font>：<br />长度 - 设置元素相应边与框边缘之间的相对或绝对距离，有效单位为：mm, cm, in, px, pt, pica,ex, em ...<br />百分比 - 以父元素宽度的百分比设置边界尺寸。<br />auto - 自动，这个设置取浏览器的缺省边界。<br /></strong><a href="http://wwwb.pconline.com.cn/pcedu/sj/jq/cssyu/02/01.htm"><font class="underline" color="#ff0000"><strong>例子</strong></font></a></p><p align="left"><strong>2、margin</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：简写属性，用于設置元素的所有边界。这是用于描述元素的内容的边缘到框边缘的距离的。这个区总是透明的，可以看到下面的页面背景。<br /><font color="#ff0000">数值</font>：<br />长度 - 同前<br />百分比 - 以父元素宽度的百分比设置边界尺寸。<br />auto - 自动，这个设置取浏览器的缺省边界。<br /></strong><a href="http://wwwb.pconline.com.cn/pcedu/sj/jq/cssyu/02/02.htm"><font color="#ff0000"><strong>例子</strong></font></a></p><p align="left" /><p align="left"><strong>四、框位置属性</strong></p><p align="left"><strong>1、height</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：设置元素高度，浏览器按照这个高度调整图形。<br /><font color="#ff0000">数值</font>：<br />长度 - mm, cm, px, pt, .....<br />auto - 自动。</strong></p><p align="left"><strong>2、width</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：设置元素宽度，浏览器按照这个宽度调整图形。<br /><font color="#ff0000">数值</font>：<br />长度 - mm, cm, in, px, pt, ......<br />百分比 - 将图形尺寸设置为父元素宽度的百分比。<br />auto - 自动调整</strong></p><p align="left"><strong>3、float</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：用于在普通元素流布置规则以外放上元素。<br /><font color="#ff0000">数值</font>：<br />none - 无改动。<br />left - 将其它元素内容放到浮动元素右边。<br />right - 将其它元素内容放到浮动元素左边。</strong></p><p align="left"><strong>4、clear</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：用于允许或禁止指定元素旁边放置其它元素(通常是线上图形).<br /><font color="#ff0000">数值</font>：<br />none - 无限制。<br />left - 将元素放在左边浮动元素下面<br />right - 将元素放在右边浮动元素下面<br />both - 元素两边都不允许放置浮动元素</strong></p><p align="left"><strong>（五）颜色和背景属性</strong></p><p align="left"><span class="text12hei"><span class="Contents"></span></span></p><p align="left"><strong>1、color</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：设置前景或元素的颜色。<br /><font color="#ff0000">数值</font>：使用颜色关键字或RGB值。<br /><font color="#ff0000">例子</font>：</strong></p><p align="left" /><p title="color:purple" style="COLOR: purple" align="left"><strong>文本颜色(关键字)</strong></p><p title="color:#00FF80" style="COLOR: #00ff80" align="left"><strong>文本颜色(#rrggbb)</strong></p><p title="color:rgb(255,200,100)" style="COLOR: rgb(255,200,100)" align="left"><strong>文本颜色[rgb(rr,gg,bb)]</strong></p><p title="color:rgb(75%,0%,0%)" style="COLOR: rgb(191,0,0)" align="left"><strong>文本颜色[rgb(r%,g%,b%)]</strong></p><p align="left"><strong>2、background-color</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：设置页面或页面元素的背景颜色。<br /><font color="#ff0000">数值</font>：<br />颜色 - 可用颜色名或RGB值<br />transparent - 透明，使页面背景为缺省背景。<br /><font color="#ff0000">例子</font>： </strong></p><p align="left" /><h1 title="background-color:#E0E0E0" style="BACKGROUND-COLOR: #e0e0e0" align="left"><font color="#0000ff">背景颜色</font></h1><p align="left"><strong>3、background-image</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：定义背景图形。<br /><font color="#ff0000">数值</font>：<br />none - 不用图形作背景<br />url - 提供图形文件的URL地址<br /><font color="#ff0000">说明</font>：也可以包括background-color属性以便在找不到图形时代用<br /><font color="#ff0000">例子</font>：</strong></p><p align="left" /><h2 title="background-image:url(btn.JPG)" style="BACKGROUND-IMAGE: url(btn.JPG)" align="left">&nbsp;&nbsp;&nbsp;<font color="#80ff80"> 图形背景</font></h2><p align="left"><strong>4、background-repeat</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：控制图形背景是否重复排列。<br /><font color="#ff0000">数值</font>：<br />repeat - 垂直和水平重复，缺省值<br />repeat-x - 水平重复<br />repeat-y - 垂直重复<br />no-repeat - 不重复<br /><font color="#ff0000">说明</font>：这个属性和 background-image 和 background-position 属性一起使用。<br /><font color="#ff0000">例子</font>：</strong></p><p align="left" /><h2 title="background-image:url(../images/bullet.gif);background-repeat:repeat-x" style="BACKGROUND-IMAGE: url(../images/bullet.gif); BACKGROUND-REPEAT: repeat-x" align="left">&nbsp; <font color="#0000ff">水平重复排列</font></h2><p align="left"><strong>5、background-attachment</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：指定元素的背景是随元素一起滚动还是固定在页面某个位置上。<br /><font color="#ff0000">数值</font>：<br />scroll - 随元素一起滚动<br />fixed - 固定<br /><font color="#ff0000">说明</font>：<br />缺省值是 scroll，这个属性和 background-image 属性一起使用。</strong></p><p align="left"><strong>6、background-position</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：用于在空间中定位元素背景<br /><font color="#ff0000">数值</font>：<br />长度 - 相对或绝对单位设置元素框边缘的起点，并给出单位下的坐标。<br />百分比 - 用百分比表示框边缘上浏览器开始放图的位置。可以重复这个值也提供垂直和水平起点<br />垂直位置 - 设置竖直方向的起点，关键字为 top, center, bottom<br />水平位置 - 设置水平方向的起点，关键字 left, center, right<br />例如：top left, left top和0% 0% 都表示图形左上角从元素框左上角开始<br /><font color="#ff0000">例子</font>：</strong></p><p align="left" /><p align="left"><strong>Body {background-image:url(logo.gif); background-position:50% 50%}</strong></p><p align="left"><strong>这个语句将 Body 基本类设置为背景图形在页面上居中显示。</strong></p><p align="left"><strong>7、background</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：简写属性，可以设置所有背景属性。<br /><font color="#ff0000">数值</font>：<br />background-attachment<br />background-color<br />background-image<br />background-position<br />background-repeat<br />有关上述数值的细节，见各个属性部分。</strong></p><p align="left"><strong><font color="#ff0000">（六）分类属性</font></strong></p><p align="left"><font color="#ff0000"><span class="text12hei"><span class="Contents"><font color="#000000">&nbsp;</font></span></span></font></p><p align="left"><strong>1、display</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：改变元素的显示值，可以将元素类型线上，块和清单项目相互变换。<br /><font color="#ff0000">数值</font>：<br />none - 不显示元素<br />block - 块显示，在元素前后设置分行符<br />inline - 删除元素前后的分行符，使其并入其它元素流中<br />list-item - 将元素设置为清单中的一行<br /><font color="#ff0000">说明</font>：可用 display 属性值生成插入标题和补加清单或让图形变成线上显示。 </strong></p><p align="left"><strong>2、white-space</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：控制元素內的空白。<br /><font color="#ff0000">数值</font>：<br />normal - 不改变，保持缺省值，在浏览器页面长度处换行。<br />pre - 要求文档显示中采用源代码中的格式。<br />nowarp - 不让访问者在元素內换行。</strong></p><p align="left"><strong>3、list-style-type</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：指定清单所用的强调符或编号类型<br /><font color="#ff0000">数值</font>：<br />none - 无强调符<br />disc - 碟形强调符(实心圆)<br />circle - 圆形强调符(空心圆)<br />square - 方形强调符(实心)<br />decimal - 十进制数强调符<br />lower-roman - 小写罗馬字强调符<br />upper-roman - 大写罗馬字强调符<br />lower-alpha - 小写字母强调符<br />upper-alpha - 大写字母强调符<br /><font color="#ff0000">例子</font>： </strong></p><ul title="list-style-type:square" style="LIST-STYLE-TYPE: square"><li><div align="left"><strong>item1 </strong></div></li><li><div align="left"><strong>item2 </strong></div></li><li><div align="left"><strong>item3 </strong></div></li></ul><p align="left"><strong>4、list-style-image</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：用于将清单中标准强调符换成所选的图形<br /><font color="#ff0000">数值</font>：<br />无图形<br />url - 图形URL地址<br /><font color="#ff0000">例子</font>： </strong></p><ul title="list-style-image:url(../images/bullet.gif)" style="LIST-STYLE-IMAGE: url(../images/bullet.gif)"><li><div align="left"><strong>item1 </strong></div></li><li><div align="left"><strong>item2 </strong></div></li><li><div align="left"><strong>item3 </strong></div></li></ul><p align="left"><strong>5、list-style-position</strong></p><p align="left"><strong><font color="#ff0000">功能</font>：用于设置强调符的缩排或伸排，这个属性可以让强调符突出于清单以外或与清单项目对齐。<br /><font color="#ff0000">数值</font>：<br />inside - 缩排，将强调符与清单项目内容左边界对齐<br />outside - 伸排，强调符突出到清单项目内容左边界以外<br /></strong><p align="left"><strong>6、list-style </strong></p><p align="left"><strong><font color="#ff0000">功能</font>：简写属性，将所有清单属性放在一条语句中。<br /><font color="#ff0000">数值</font>：<br />list-style-type<br />list-style-position<br />list-style-image<br />这些值的细节见各个属性部分。<br /><font color="#ff0000">例子</font>： </strong></p><ul title="list-style:lower-roman inside" style="LIST-STYLE-POSITION: inside; LIST-STYLE-TYPE: lower-roman"><li><div align="left"><strong>item1 </strong></div></li><li><div align="left"><strong>item2 </strong></div></li><li><div align="left"><strong>item3 </strong></div></li></ul></p></td></tr></tbody></table></p></p>]]>
			</description>
			<dc:subject>
				<![CDATA[]]>
			</dc:subject>
			<dc:creator>
				<![CDATA[name]]>
			</dc:creator>
			<dc:date>2005-11-25  04:57</dc:date>
		</item>
			<item rdf:about="http://moonpalace.bokee.com/3640763.html">
			<title>
				<![CDATA[网页排版CSS教学]]>
			</title>
			<link>http://moonpalace.bokee.com/3640763.html</link>
			<description>
				<![CDATA[<p><table cellspacing="0" cellpadding="0" width="560" border="0"><tbody><tr><td><table class="article" cellspacing="0" cellpadding="0" width="560"><tbody><tr valign="top"><td class="b"><p><strong><font color="#ff0000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 第一章ＣＳＳ的基本认识</font></strong></p><p>ＣＳＳ是『Cascading Style Sheets』的简称，中文翻为「串接样式表」，也有人只翻为「样式表」。ＣＳＳ用以作为网页的排版与风格设计，在所谓的「新式网页」里 ，ＣＳＳ不容置疑是相当重要的一环。ＣＳＳ是以既有的基础，用以弥补既存ＨＴＭＬ 规格里的不足，也让网页的设计更为灵活。<br /><br />　　这份教学文件就要来为您介绍ＣＳＳ的应用罗！在这边并不介绍ＣＳＳ的所有规格 ，仅就您在网页写作上较常用到，较可能用到的语法部份及应用的方法来为您作介绍。也 由於现在两浏览器的相容是渐行渐远，将贴心地为您注明支援该语法的浏览器。而ＩＥ从 3.0开始便支援部份语法了，这点也会为为您注明的。</p></td></tr></tbody></table></td></tr><tr><td class="a" width="560" height="20"><div class="bg_orange" align="center">各　章　节　的　概　略　介　绍</div></td></tr><tr><td><table class="article" cellspacing="0" cellpadding="0" width="560"><tbody><tr valign="top"><td class="b"><br />　　为了您参考与学习上的方便，在这里先为您大略地说明一下这份教学文件各章节所包含的内容吧！让您在参考时有个方向与概念。基本上，前两章著重於概念与基本认知的建立，也就是一些为您做一些札根的工作；第三章则为您补充在应用与设定上的一些其它方式或特性的说明与介绍。而第四章到第六章则著重於语法、参数与性质的介绍，也 就是真正建立在样式表里面的东东。<br /><br /><span class="c">第一章　<span class="e">ＣＳＳ</span>的基本认识：</span> <div>就是本章啦！就介绍您一些<span class="e">ＣＳＳ</span>基本概念与认识。</div><span class="c">第二章　<span class="e">ＣＳＳ</span>的应用方式：</span> <div>为您介绍<span class="e">ＣＳＳ</span>的基本宣告、应用方法与特性介绍。</div><span class="c">第三章　<span class="e">ＣＳＳ</span>的应用补充：</span> <div>为您介绍<span class="e">ＣＳＳ</span>的其它宣告方式、应用与特性介绍。</div><span class="c">第四章　页面性质的<span class="e">ＣＳＳ</span>：</span> <div>为您介绍页面性质的<span class="e">ＣＳＳ</span>相关语法、参数与性质。</div><span class="c">第五章　文字性质的<span class="e">ＣＳＳ</span>：</span> <div>为您介绍文字性质的<span class="e">ＣＳＳ</span>相关语法、参数与性质。</div><span class="c">第六章　区块性质的<span class="e">ＣＳＳ</span>：</span> <div>为您介绍区块性质的<span class="e">ＣＳＳ</span>相关语法、参数与性质。</div></td></tr></tbody></table></td></tr><tr><td class="a" nowrap="true" width="560" height="20"><div class="bg_orange" align="center">应　用　上　的　基　本　认　识</div></td></tr><tr><td><table class="article" cellspacing="0" cellpadding="0" width="560"><tbody><tr valign="top"><td class="b"><br />　　应用ＣＳＳ并不困难，但是请您先参考这里的基本认识，对一些用语有了一点基本概念後，对於您在看後面的教学会有助益，看起来也才不会太吃力！<br /><br /><span class="c">一、基本用语的认识：</span> <div>元件<span class="e">(element)</span>：亦即HTML基本语法中的标签<span class="e">(tag)</span>。<br />属性<span class="e">(attribute)</span>：用以描述标签特性的属性。<br /><span class="ex">例如：</span> <div class="ex"><hr width="90%" />中，HR为标签，WIDTH为属性，而80%即为WIDTH属性的值。</div>性质<span class="e">(property)</span>：用以描述元件的特性。相当於HTML基本 语法中的属性。<br />样式<span class="e">(style)</span>：拥有一组或数组的性质，用以描述元件特性。<br />挑选者<span class="e">(selector)</span>：套用样式的元件。<br /><span class="ex">例如：</span> <div class="ex"><p>H3{ COLOR : BLUE }中，H3为挑选者，COLOR为性质，BLUE为COLOR性质的值。</p><p><span class="c">二、基本单位的认识：</span> <br />有相对单位与绝对单位两种单位 表达方式。<br /><span class="ex">相对单位：</span> </p></div></div><div><div class="ex">『em』：相对於字母高度的比例因子。<br />『en』：相对於字型大小的比例因子。<br />『%』：相对於长度单位（通常是目前字型的大小）的百分比例。</div><span class="ex">绝对单位：</span> <div class="ex">『in』：英寸。<br />『cm』：公分。<br />『mm』：公厘。<br />『px』：像素（系统预设单位）。<br />『pc』：pica，印刷活字单位。<br />『pt』：像点。</div><div class="etc"><p>相对关系：1in= 6pc= 72pt= 2.54cm= 25.4mm</p><p><span class="c">三、颜色使用的认识：</span> </p></div></div><div>颜色的表示共有五种方式。<br /><span class="ex">『#RRGGBB』：</span> <div class="ex">以三个00到FF的十六进位值分别表示0到255十进位值的红、绿、蓝三原色数值。</div><span class="ex">『#RGB』：</span> <div class="ex">简略表示法，只用三个0到F的十六进位值分别表示红、绿、蓝三原色数值。而事实上，浏览器会自动扩展为六个十六进位的值，如『#ABC』将变为『#AABBCC』。但是，显见这样的 表示法并不精确。</div><span class="ex">『rgb(R,G,B)』：</span> <div class="ex">以0到255十进位值的红、绿、蓝三原色数值来表示颜色。</div><span class="ex">『rgb(R%,G%,B%)』：</span> <div class="ex">以红、绿、蓝彼此相对的数值比例来表示颜色，如『rgb(60%,100%,75%)』。</div><span class="ex">『Color_Name』：</span> <div class="ex">直接以颜色名称来表示颜色，共有141种标准的颜色名称。<br /></div></div><br /><span class="c">四、ＵＲＬ表示法的认识：</span> <div>ＣＳＳ的ＵＲＬ表示共有五 种方式，且都为合法宣告，您可以自行选用。<br /><span class="e" style="COLOR: red">URL(http://yourweb/path/file_name)<br />URL('http://yourweb/path/file_name')<br />URL(&quot;http://yourweb/path/file_name&quot;)<br />URL( 'http://yourweb/path/file_name' )<br />URL( &quot;http://yourweb/path/file_name&quot; ) </span></div><p>　　有了这些基本认识与概念後，接下来就要来为您介绍ＣＳＳ的应用方法罗！</p><p><strong><font color="#ff0000">&nbsp;第二章&nbsp;ＣＳＳ的应用方式</font></strong></p></td></tr></tbody></table></td></tr></tbody></table><table cellspacing="0" cellpadding="0" width="560" border="0"><tbody><tr><td><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article" valign="top"><td class="b">这章节将开始为您介绍ＣＳＳ的应用。当然一开始要介绍的是如何去建立个样式表 （Style Sheets），包括了声明的方式和应用在网页上的方法，最後还会为您概述一下ＣＳＳ的一些特性。概略来说，ＣＳＳ的声明有三种方式：<br /><br /><span class="c">一、基本声明：</span>最典型的ＣＳＳ声明方式。 <div><span class="e">element {property: value}</span>　用中文来表示的话，也就是<br />元件(标签) {性质(属性)名称: 设定值}<br /><span class="ex">例如：</span> <div class="ex">H3 {COLOR: BLUE}　即为一组声明。</div></div><br /><span class="c">二、集体声明：</span>同时声明某个或数个元件(标签)（各元件(标 签)间以逗号分隔）的一组或数组样式规则(性质)（各组规则间以分号分隔）。 <div>元件(标签) {<br />性质(属性)名称1: 设定值1;<br />性质(属性)名称2: 设定值2;<br />... }<br />或是<br />元件A(标签A), 元件B(标签B), 元件C(标签C), ... {<br />性质(属性)名 称1: 设定值1;<br />性质(属性)名称2: 设定值2;<br />...}<br /><span class="ex">例如：</span> <div class="ex">TD {<br />COLOR: BLUE;<br />font-size: 9pt;<br />}<br />或是<br />TD,P,DIV {<br />COLOR: BLUE;<br />font-size: 9pt; <br />}</div></div><br /><span class="c">三、分项声明：</span>将许多样式规则分组再分别声明。 <div>元件A(标签A) {性质(属性)名称1: 设定值1; 性质(属性)名称2: 设定值2; }<br />元件A(标签A) {性质(属性)名称3: 设定值3; 性质(属性)名称4: 设定值4; }<br /><span class="ex">例如：</span> <div class="ex">TD { COLOR: BLUE; font-size: 9pt}<br />TD { font-family: &quot;标楷体&quot;; line-height: 150%}</div>这样子的声明方式并不会互相抵触，因为所声明的性质是不同的。如果不小心对同样一个性质作了重复的声明，则只有後来声明的设定值才会发生作用。</div><br />　　要附带提一下的是，在您的声明中，只要您的格式正确就会被接受，而不论是大小写、空白或换行都不会对显示的结果 有影响的，您可依自己习惯来编写。<br /></td></tr></tbody></table></td></tr><tr><td class="a" width="560"><div class="bg_orange" align="center">Ｃ　Ｓ　Ｓ　的　应　用　方　法</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article" valign="top"><td class="b"><br />　　接下来要为您介绍的是将所建立的样式表应用在网页上的四种基本方法。<br /><br /><span class="c">一、使用<span class="e">STYLE</span>属性：</span> 将<span class="e">STYLE</span>属性直接加在个别的元件标签里。 <div>&lt;元件(标签) STYLE=&quot;性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}<br /><span class="ex">例纾?/span&gt; <div class="ex"></div></span></div></td><td style="FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: " line-height:150%="" 标楷体?;=""><div></div>这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。<div></div><br /><span class="c">二、使用<span class="e">STYLE</span>标签：</span> 将样式规则写在<span class="e"><style></style></span>标签之中。 <div><span class="e"><style type="text/css"></style></span><br /><span class="ex">例如：</span> <div class="ex"><style type="text/css"></style></div>通常是将整个的<span class="e"> <style></style></span>结构写在网页的<span class="e"> </span>部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。</div><br /><span class="c">三、使用<span class="e"> LINK</span>标签：</span> 将样式规则写在.css的样式档案中，再以<span class="e"><link /></span>标签引入。 <div>假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入<br /><div class="ex"><span class="e"><link href="example.css" type="text/css" rel="STYLESHEET" /></span></div>即可套用该样式档案中所制定好的样式了。 通常是将<span class="e">LINK</span>标签写在网页的<span class="e"> </span>部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。 </div><br /><span class="c">四、使用<span class="e">@import</span>引入：</span> 跟LINK用法很像，但必　放在<span class="e"><style></style></span> 中。 <div><span class="e"><style type="text/css"></style></span><br /><span class="ex">例如：</span> <div class="ex"><style type="text/css"></style></div>要注意的是，行末的分号是绝对不可少的！切记切记！</div><br />　　很明显的，不管是LINK还是@import的用法都可能可以 直接套用他人现有的样式表。不过，基於网路的礼仪，这种事别做的好，至少也应该知会 对方一声，要先取得人家的同意才行！<br /><br />　　而四种应用方法各有其优缺点，您可以综合地使用，并不会相互抵触。但是如果相同的性质属性遇上重复的声明的话，就要考量套用优先权的问题了！一般来讲，优先权的顺序有以下的几点原则： <div class="etc">网页设计者的样式设定 ＞ 使用者的样式设定 ＞ 浏览器的样式设定<br />STYLE属性的样式设定 ＞ STYLE标签样式设定 ＞ 链结进来的样式设定<br />後面声明的样式设定 ＞ 前面的样式设定</div><p align="left">所谓『链结进来的样式设定』指的就是用上面提到过的LINK标签与@import引入这两种应用方式所链结进来的的样式设定。<br /><br />　　以上就是ＣＳＳ最基本的声明与应用的方法介绍，有了这些基本的认识与方法，您已经可以开始建立您的样式表！除了上面提到的基本的声明与应用的方法之外，还有其它的声明与应用的方法，将为您在下一章中再作介绍。</p></td></tr></tbody></table><p align="left"><strong><font color="#ff0000">第三章&nbsp;ＣＳＳ的应用补充</font></strong></p><p align="left"><table cellspacing="0" cellpadding="0" width="560" border="0"><tbody><tr><td class="a" width="560"><div class="bg_orange" align="center">挑　选　者　特　性　的　应　用</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article"><td class="b"><br />　　在讲挑选者的特性之前，要提一下的是ＣＳＳ继承的特性。所谓的继承的特性是指被包在内部的标签将拥有外部标签的样式性质。继承的特性最典型的应用通常发挥在预设整份网页的样式，而要指定为其它样式的部份再依要设定在个别元素里即可。这项特性可以提供网页设计者更理想的发挥空间。<br /><br />　　接下来就要讲挑选者特性的应用！其实这部份应该算是声明的一种方式，但是在您看过第二章的基本的声明与应用後，到这边再讲挑选者您会比较有概念点。在ＣＳＳ应用或设计的时候，有几种依据元素的关系或性质来设定显示特定性质的方法，就是挑选者特性的应用，能让您在控制与应用上更加灵活。<br /><br /><span class="c">一、前後文挑选者：</span>依声明标签前後文关系显示特定性质的方法。 <div>前後文挑选者便是当浏览器在显示HTML原始码所指定的内容时，会考虑元素标签的前後关系，而去显示指定的样式声明。也就是说只要HTML原始码内的标签排列前後顺序符合时，该项声明便会发生作用了！<br /><div class="ex">元素A(标签A) 元素B(标签B) 元素C(标签C) ... {样式规则}</div>要注意的是，前後文挑选者的声明跟集体声明很像，但是集体声明的元素标签间要用逗号隔开，而用前後文挑选者声明时元素标签间要用空格隔开；而这两种声明方式您可以混合使用。 <div class="ex">元素A 元素B, 元素C 元素D 元素E, ... {样式规则}</div>这样您就可以用集体声明的方式，声明数组前後文挑选者的样式规则。</div><br /><span class="c">二、类别挑选者：</span>让单一或数个标签使用同组样式规则的方法。 <div>类别(class)可以让不同的元素标签共同套用同一组样式性质或相同的元素标签套 用不同组的样式性质。首先介绍的是如何让不同的元素套用同一组样式性质，如下面范例所写即可。 <div class="ex"><span class="e"><br /><br /><style></style><br /><br /><br />　　　...<br />　<h1 class="blue">...</h1><br />　　　...<br />　<p class="blue">... </p><br />　　　...<br /></span></div>要注意在声明时前面的小点，CLASS名称可任取。而要让相同的元素标签套用不同组的样式性质时，也可以应用类别特性来设定。 <div class="ex"><span class="e"><br /><br /><style></style><br /><br /><br />　　　...<br />　<p class="blue">...</p><br />　　　...<br />　<p class="red">...</p><br />　　　...<br /></span></div>要注意同样是在声明时的小点，CLASS名称可任取。灵活运用类别特性，可以让您的样式设定更具机动性唷！</div><br /><span class="c">三、ＩＤ挑选者：</span>与类别挑选者类似，不同的是在『唯一性』。 <div>ＩＤ特性的使用与类别特性十分雷同，但是，文件里的各个ＩＤ都是唯一的。换句话 说，类别特性可以重复套用在单一或数个元素标签之上，但是ＩＤ属性在一份文件里只能出现一次。如下面范例所写即可。 <div class="ex"><span class="e"><br /><br /><style></style><br /><br /><br />　　　...<br />　<p id="blue">...</p><br />　　　...<br /></span></div>可以看到，声明的方式是利用井字号『#』。而ＩＤ的这种『唯一性』正是让javascript或 VBScript能够对元素进行控制的关键。</div><br />　　透过以上的介绍的挑选者特性的声明与使用，可以让您的样式设定更具机动与变化 。其实您可以先熟悉上一章为您介绍的基本的声明与应用方法，再应用本章所讲的挑选者特性，一步步地去熟悉样式表的使用。<br /><br /></td></tr></tbody></table></td></tr><tr><td class="a" width="560"><div class="bg_orange" align="center">连　结　拟　似　特　性　的　应　用</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="561"><tbody><tr class="article"><td class="b"><br />　　还记得在HTML的基本语法，在BODY标签中可 以用link、alink、vlink属性去控制可连结或已连结的字体颜色吗？现在亦可用ＣＳＳ去控制这些性质，称为『拟似类别』（pseudo class）。您可以将其当作一般类别，声明其样式规则，而实际上，这些拟似类别并不用像上面讲的类别挑选者，在HTML原始码中再 行设定指向的类别（CLASS）。下面介绍拟似类别的声明与应用。<br /><br /><span class="c">一般的声明方式：</span>拟似类别是以冒号来声明。 <div>只要在<style></style>架构中加入下面的声明後，则页面中的连结文字就会依您设定的样式显式了！ <div class="ex"><span class="e">A:link { 样式 规则 }<br />A:active { 样式规则 }<br />A:visited { 样式规则 }<br />A:hover { 样式规 则 }</span></div>A:link用以设定未参观连结的样式规则。A:active用以设定作用中连结的样式规则。A:visited用以设定已参观连结的样式规则。A:hover用以设定滑鼠移到 连结之上时的样式规则。而其中hover并不被NC4所支援，其它三个特性两大浏览器都有支持。</div><br />　　如果您用的是IE4以上的浏览器，从本站链接您就可以知道 hover作用的妙处，以简单的样式设定就可以达成以往要写好长一串设定的相同效果 。这个连结拟似类别也可以与上面说过的类别挑选者特性合并使用。<br /><br /><br /></td></tr></tbody></table></td></tr><tr><td class="a" width="560"><div class="bg_orange" align="center">Ｄ　Ｉ　Ｖ　与　Ｓ　Ｐ　Ａ　Ｎ　的　比　较</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article"><td class="b"><br />　　虽然样式表可以套用在任何标签之上，但是 ＤＩＶ和ＳＰＡＮ元素的使用更是大大地扩展了HTML的应用层面。ＤＩＶ和ＳＰＡＮ这 两个元素在应用上十分类似，使用时都必加上结尾标签，也就是<span class="e">&lt; DIV&gt;...<div></div></span>和<span class="e"><span>...</span></span> 。两个可以应用的属性与事件处理也很类似，都可以配合前面提过的挑选者特性来编写。两者也都不强加显示功能于页面内容之上，可以说是使用上十分广泛的元素标签。<br /><br />　　而ＤＩＶ和ＳＰＡＮ的不同之处在于：ＤＩＶ元素定义为区块（block），在 <span class="e"><div>...</div></span>之间是一个很完整的段落区块。 而ＳＰＡＮ元素则是定义为同轴（in-line），<span class="e"><span>...&lt; /SPAN&gt;</span>应用于于小范围内的设定。两者可以彼此混合，夹杂使用，因为彼此是相互独立的。也因此，您可以利用这两个元素，配合其它性质，灵活地调整您的网页 显示的内容。</span></td></tr></tbody></table></td></tr></tbody></table></p><p align="left"><strong><font color="#ff0000">第四章&nbsp;颜色背景的ＣＳＳ</font></strong></p><p align="left"><strong><font color="#ff0000"><table cellspacing="0" cellpadding="0" width="560" border="0"><tbody><tr><td class="a" width="560"><div class="bg_orange" align="center">本　章　Ｃ　Ｓ　Ｓ　的　主　要　作　用</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article"><td class="b"><br />　　在前面的章节介绍完了声明与应用的方法及 一些特性之後，从这章开始，便要正式进入ＣＳＳ的指令介绍了！本章有两个介绍的主 题，第一个部份介绍的是颜色与背景性质的ＣＳＳ，其主要的作用在于设定元素的前景 颜色、背景颜色与背景图形等样式设定的性质；而第二部份为您介绍的是用于控制摆放 元素位置的ＣＳＳ的指令。<br /><br /><br /></td></tr></tbody></table></td></tr><tr><td class="a" width="560"><div class="bg_orange" align="center">颜　色　背　景　的　Ｃ　Ｓ　Ｓ　指　令</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article" valign="top"><td class="b"><br /><span class="l">color</span>　设定前景颜色 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><color /></td><td class="d" width="350">设定颜色，请参考第一章颜色使用的相关说明</td></tr></tbody></table><span class="e">预设值：</span><span class="b">视浏览器而定</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { color : BLUE }<br /><span class="ex">同轴范例：</span><span style="COLOR: blue"></span></div></div><br /><br /><span class="l">background-color</span>　设定背景颜色 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><color /></td><td class="d" width="350">设定颜色，请参考第一章颜色使用的相关说明</td></tr><tr><td class="c" width="150">transparent</td><td class="d" width="350">将父元素（颜色或图案）的背景透明化</td></tr></tbody></table><span class="e">预设值：</span><span class="b">transparent</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>BODY { background-color : BLUE }<br /><span class="ex">同轴范例：</span></div></div><br /><br /><span class="l">background-image</span>　设定背景图形 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><url /></td><td class="d" width="350">设定图档URL，请参考第一章URL表示的相关说明</td></tr><tr><td class="c" width="150">none</td><td class="d" width="350">不使用背景图案</td></tr></tbody></table><span class="e">预设值：</span><span class="b">transparent</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span><br /><span style="FONT-SIZE: 9pt">BODY { background-image : URL(&quot;http://yourweb/path/file_name&quot;) }</span><br /><span class="ex">同轴范例：</span><br /><span style="FONT-SIZE: 9pt"></span></div></div><br /><br /><span class="l">background-repeat</span>　设定背景重复 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">repeat</td><td class="d" width="350">重复背景图形填满页面</td></tr><tr><td class="c" width="150">repeat-x</td><td class="d" width="350">水平方向重复背景图形</td></tr><tr><td class="c" width="150">repeat-y</td><td class="d" width="350">垂直方向重复背景图形</td></tr><tr><td class="c" width="150">no-repeat</td><td class="d" width="350">不重复显示背景图形</td></tr></tbody></table><span class="e">预设值：</span><span class="b">repeat</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>BODY { background-repeat : repeat-x }<br /><span class="ex">同轴范例：</span></div></div><br /><br /><span class="l">background-attachment</span>　设定背景附著 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">scroll</td><td class="d" width="350">背景图形随著卷轴卷动</td></tr><tr><td class="c" width="150">fixed</td><td class="d" width="350">背景图形随著卷轴卷动（浮水印）</td></tr></tbody></table><span class="e">预设值：</span><span class="b">scrool</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>BODY { background-attachment : fixed }<br /><span class="ex">同轴范例：</span></div></div><br /><br /><span class="l">background-position</span>　设定背景位置 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span> <br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><percent />X% Y%</td><td class="d" width="350">图形上X% Y%的点对准元素的X% Y%位置</td></tr><tr><td class="c" width="150"><length />X Y</td><td class="d" width="350">将图形左上角置于元素左上角水平 X垂直 Y之处</td></tr><tr><td class="c" width="150">center</td><td class="d" width="350">背景图形置于中央</td></tr><tr><td class="c" width="150">left</td><td class="d" width="350">背景图形对　左边</td></tr><tr><td class="c" width="150">right</td><td class="d" width="350">背景图形对　右边</td></tr><tr><td class="c" width="150">top</td><td class="d" width="350">背景图形对　顶部</td></tr><tr><td class="c" width="150">bottom</td><td class="d" width="350">背景图形对　底部</td></tr></tbody></table><span class="e">预设值：</span><span class="b">0% 0%</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>BODY { background- position : 100% 50% }<br /><span class="ex">同轴范例：</span></div></div><br /><br /><span class="l">background</span>　综合设定背景性质 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span> <br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">background-color</td><td class="d" width="350">设定背景颜色</td></tr><tr><td class="c" width="150">background-image</td><td class="d" width="350">设定背景图形</td></tr><tr><td class="c" width="150">background-repeat</td><td class="d" width="350">设定背景重复</td></tr><tr><td class="c" width="150">background-attachment</td><td class="d" width="350">设定背景附著</td></tr><tr><td class="c" width="150">background-position</td><td class="d" width="350">设定背景位置</td></tr></tbody></table><span class="e">预设值：</span><span class="b">无</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span><br />BODY { BLUE url(image/gif) repeat-x fixed center }<br /><span class="ex">同轴范例：</span><br /><br /></div></div></td></tr></tbody></table></td></tr><tr><td class="a" width="560"><div class="bg_orange" align="center">位　置　摆　放　的　Ｃ　Ｓ　Ｓ　指　令</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article"><td class="b"><br /><span class="l">float</span>　设定浮动性质（多用于文绕图的情形） <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素或图形</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">left</td><td class="d" width="350">元素靠左，文字围绕其右</td></tr><tr><td class="c" width="150">right</td><td class="d" width="350">元素靠右，文字围绕其左</td></tr><tr><td class="c" width="150">none</td><td class="d" width="350">以预设的方法显示</td></tr></tbody></table><span class="e">预设值：</span><span class="b">none</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { float : right }<br /><span class="ex">同轴范例：</span><div style="FLOAT: right"></div></div><br /><br /><span class="l">clear</span>　设定清除性质（设定是否允许浮动元素之存在） <div><span class="e">支　持：</span><span class="b">ＩＥ４</span><br /><span class="e">适　用：</span><span class="b">区块元素或图形</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">both</td><td class="d" width="350">若两边有浮动元素，则该元素移至浮动元素下方</td></tr><tr><td class="c" width="150">left</td><td class="d" width="350">若左边有浮动元素，则该元素移至浮动元素下方</td></tr><tr><td class="c" width="150">right</td><td class="d" width="350">若右边有浮动元素，则该元素移至浮动元素下方</td></tr><tr><td class="c" width="150">none</td><td class="d" width="350">以预设的方法显示</td></tr></tbody></table><span class="e">预设值：</span><span class="b">none</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { clear : right }<br /><span class="ex">同轴范例：</span><div style="CLEAR: right"></div></div><br /><br /><span class="l">width</span>　设定宽度 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素或图形</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><length /></td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr><tr><td class="c" width="150"><percentage /></td><td class="d" width="350">百分比，以父元素宽度为基准</td></tr><tr><td class="c" width="150">auto</td><td class="d" width="350">以固定比例自动变化大小</td></tr></tbody></table><span class="e">预设值：</span><span class="b">auto</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { width : 300pt }<br /><span class="ex">同轴范例：</span><div style="WIDTH: 300pt"></div></div><br /><br /><span class="l">height</span>　设定高度 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素或图形</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><length /></td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr><tr><td class="c" width="150"><percentage /></td><td class="d" width="350">百分比，以父元素宽度为基准</td></tr><tr><td class="c" width="150">auto</td><td class="d" width="350">以固定比例自动变化大小</td></tr></tbody></table><span class="e">预设值：</span><span class="b">auto</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { height : 300pt }<br /><span class="ex">同轴范例：</span><div style="HEIGHT: 300pt"></div></div><br /><br /><span class="l">position</span>　设定位置 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">absolute</td><td class="d" width="350">以父元素为基准，摆设在特定位置上</td></tr><tr><td class="c" width="150">relative</td><td class="d" width="350">以相邻元素为基准，摆设在特定位置上</td></tr><tr><td class="c" width="150">static</td><td class="d" width="350">预设位置，以该元素于原始码中位置而定</td></tr></tbody></table><span class="e">预设值：</span><span class="b">absolute</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { position : static }<br /><span class="ex">同轴范例：</span><div style="POSITION: static"></div></div><br /><br /><span class="l">top</span>　设定顶端位置 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><length /></td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr><tr><td class="c" width="150"><percentage /></td><td class="d" width="350">百分比，以父元素宽度为基准</td></tr><tr><td class="c" width="150">auto</td><td class="d" width="350">以正常方式显示</td></tr></tbody></table><span class="e">预设值：</span><span class="b">auto</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { top : 30pt }<br /><span class="ex">同轴范例：</span><div style="TOP: 30pt"></div></div><br /><br /><span class="l">left</span>　设定左端位置 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><length /></td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr><tr><td class="c" width="150"><percentage /></td><td class="d" width="350">百分比，以父元素宽度为基准</td></tr><tr><td class="c" width="150">auto</td><td class="d" width="350">以正常方式显示</td></tr></tbody></table><span class="e">预设值：</span><span class="b">auto</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { left : 30pt }<br /><span class="ex">同轴范例：</span><div style="LEFT: 30pt"></div></div><br /><br /><span class="l">clip</span>　设定裁剪（设定某区域形状及大小，区域外通透） <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span> <br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">rect(top,right,bottom,left)</td><td class="d" width="350">设定矩形之上右下左长度，会自动比对对边长度<br />一般 写法为rect(0,长度,长度,0)<br />不可以写为rect(0,0,长度,长度)<br />四个数值皆可以&quot;auto&quot;代替</td></tr><tr><td class="c" width="150">auto</td><td class="d" width="350">以正常方式显示</td></tr></tbody></table><span class="e">预设值：</span><span class="b">auto</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { clip : rect(0,100px,50px,0) }<br /><span class="ex">同轴范例：</span><div style="CLIP: rect(0px 100px 50px 0px)"></div></div><br /><br /><span class="l">overflow</span>　设定溢位处理（控制当元素内容超过该元素大小时的显示方式） <div><span class="e">支　持：</span><span class="b">ＩＥ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span> <br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">visible</td><td class="d" width="350">元素将不会依所设订大小显示，而能看见所有内容</td></tr><tr><td class="c" width="150">hidden</td><td class="d" width="350">超过元素所设订大小之部份将被隐藏不予显示</td></tr><tr><td class="c" width="150">scroll</td><td class="d" width="350">如有必要出现卷轴可让使用者看到全部的内容</td></tr><tr><td class="c" width="150">auto</td><td class="d" width="350">以预设的方式显示</td></tr></tbody></table><span class="e">预设值：</span><span class="b">auto</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { overflow : scroll }<br /><span class="ex">同轴范例：</span><div style="OVERFLOW: scroll"></div></div><br /><br /><span class="l">visibility</span>　设定可视度 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">visible</td><td class="d" width="350">设定该元素显示</td></tr><tr><td class="c" width="150">hidden</td><td class="d" width="350">设定该元素不显示，但仍占据空间</td></tr><tr><td class="c" width="150">inherit</td><td class="d" width="350">以父元素可视度决定</td></tr></tbody></table><span class="e">预设值：</span><span class="b">inherit</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { visibility : hidden }<br /><span class="ex">同轴范例：</span><div style="VISIBILITY: hidden"></div></div><br /><br /><span class="l">z-index</span>　设定Ｚ轴参数（三度空间） <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><number /></td><td class="d" width="350">十进位数值，数值大的元素会出现在数值小的元素的上方</td></tr><tr><td class="c" width="150">auto</td><td class="d" width="350">当元素位置重复时，原始码中写在後面元素会出现在写在前面元素的上方</td></tr></tbody></table><span class="e">预设值：</span><span class="b">auto</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { z-index : 3 }<br /><span class="ex">同轴范例：</span><div style="Z-INDEX: 3"></div></div></div></div></div></div></div></div></div></div></div></div></div></td></tr></tbody></table><p><strong><font color="#ff0000">第五章&nbsp;文字性质的ＣＳＳ</font></strong></p><p><table cellspacing="0" cellpadding="0" width="560" border="0"><tbody><tr><td class="a" width="560"><div class="bg_orange" align="center">本　章　Ｃ　Ｓ　Ｓ　的　主　要　作　用</div></td></tr><tr valign="top"><td class="article"><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article" valign="top"><td class="b" height="48"><br />　　本章要介绍的是文字相关的ＣＳＳ指令。通 常一个网站的内容最多的就是文字了，透过这些文字相关的ＣＳＳ指令，您可以将您的 网页内容排版得美美的。本章将分两个部份为您介绍，第一部份是字型性质的ＣＳＳ指 令，用以控制文字字型的各种样式；第二部份介绍的是文字性质的ＣＳＳ指令，用以控 制文字段落的外观及摆设方式。</td></tr></tbody></table></td></tr><tr><td class="article" width="560"><div class="bg_orange" align="center">字　型　性　质　的　Ｃ　Ｓ　Ｓ　指　令</div></td></tr><tr valign="top"><td class="article"><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article" valign="top"><td class="b"><br /><span class="l">font-family</span>　设定文字字型 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><family-name /></td><td class="d" width="350">字型名称</td></tr></tbody></table><span class="e">预设值：</span><span class="b">视浏览器而定</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { family-name : &quot;标楷体&quot; }<br /><span class="ex">同轴范例：</span><span style="family-name: 标楷体"></span></div></div><br /><br /><span class="l">font-style</span>　设定字体样式 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">normal</td><td class="d" width="350">普通字</td></tr><tr><td class="c" width="150">italic</td><td class="d" width="350">斜体字</td></tr><tr><td class="c" width="150">oblique</td><td class="d" width="350">斜体字</td></tr></tbody></table><span class="e">预设值：</span><span class="b">normal</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { font-style : italic }<br /><span class="ex">同轴范例：</span><span style="FONT-STYLE: italic"></span></div></div><br /><br /><span class="l">font-weight</span>　设定字型份量 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">normal</td><td class="d" width="350">普通字</td></tr><tr><td class="c" width="150">bold</td><td class="d" width="350">粗体字</td></tr><tr><td class="c" width="150">bolder</td><td class="d" width="350">相对于父元素稍粗</td></tr><tr><td class="c" width="150">lighter</td><td class="d" width="350">相对于父元素稍细</td></tr><tr><td class="c" width="150">100,200,300,<br />400,500,600,<br />700,800,900.</td><td class="d" width="350">数字由小到大代表笔画由细到粗<br />normal=400　bold=700</td></tr></tbody></table><span class="e">预设值：</span><span class="b">normal</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { font-weight : bolder }<br /><span class="ex">同轴范例：</span><span style="FONT-WEIGHT: bolder"></span></div></div><br /><br /><span class="l">font-size</span>　设定文字大小 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><absolute-size /></td><td class="d" width="350">绝对大小，可用的参数由小到大分别有七项<br />xx-small, x-small, small, medium, large, x-large, xx-large</td></tr><tr><td class="c" width="150"><relative-size /></td><td class="d" width="350">相对大小，可用的参数为larger, smaller两项<br />以父元素字型大小为基准</td></tr><tr><td class="c" width="150"><lenght /></td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr><tr><td class="c" width="150"><percentage /></td><td class="d" width="350">百分比，以父元素字型大小为基准</td></tr></tbody></table><span class="e">预设值：</span><span class="b">medium</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { font-size : 12pt }<br /><span class="ex">同轴范例：</span><span style="FONT-SIZE: 12pt"></span></div></div><br /><br /><span class="l">font-variant</span>　设定文字转换 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">normal</td><td class="d" width="350">普通字</td></tr><tr><td class="c" width="150">small-caps</td><td class="d" width="350">将小写文字转换为大写</td></tr></tbody></table><span class="e">预设值：</span><span class="b">normal</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { font-variant : small-caps }<br /><span class="ex">同轴范例：</span><span style="FONT-VARIANT: small-caps"></span></div></div><br /><br /><span class="l">font</span>　综合设定字型性质 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><font-style /></td><td class="d" width="350">设定字体样式</td></tr><tr><td class="c" width="150"><font-variant /></td><td class="d" width="350">设定文字转换</td></tr><tr><td class="c" width="150"><font-weight /></td><td class="d" width="350">设定字型份量</td></tr><tr><td class="c" width="150"><font-size line-height="" /></td><td class="d" width="350">设定文字大小与列高（请参考设定文字列高部份）</td></tr><tr><td class="c" width="150"><font-family /></td><td class="d" width="350">设定文字字型</td></tr></tbody></table><span class="e">预设值：</span><span class="b">无</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span> SPAN { font : bolder small-caps 12pt/120% Arial }<br /><span class="ex">同轴范例：</span>&lt; SPAN style=&quot;font : bolder small-caps 12pt/120% Arial&quot;&gt;</div></div></td></tr></tbody></table></td></tr><tr><td class="bg_orange" width="560"><div class="bg_orange" align="center">文　字　性　质　的　Ｃ　Ｓ　Ｓ　指　令</div></td></tr><tr><td class="article"><table cellspacing="0" cellpadding="0" width="560"><tbody><tr class="article" valign="top"><td class="b"><br /><span class="l">line-height</span>　设定列高 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">normal</td><td class="d" width="350">普通列高，根据字体变化合理高度，视浏览器而定</td></tr><tr><td class="c" width="150"><number /></td><td class="d" width="350">以元素字型大小乘以该数即为列高</td></tr><tr><td class="c" width="150"><length /></td><td class="d" width="350">设定长度，请参考第一章基本单位的相关说明</td></tr><tr><td class="c" width="150"><percentage /></td><td class="d" width="350">百分比，相对于元素字型大小为比例</td></tr></tbody></table><span class="e">预设值：</span><span class="b">normal</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { line-height : 120% }<br /><span class="ex">同轴范例：</span><div style="LINE-HEIGHT: 120%"></div></div><br /><br /><span class="l">text-align</span>　设定文字对　 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">center</td><td class="d" width="350">对　中央</td></tr><tr><td class="c" width="150">right</td><td class="d" width="350">对　右边</td></tr><tr><td class="c" width="150">left</td><td class="d" width="350">对　左边</td></tr><tr><td class="c" width="150">justify</td><td class="d" width="350">左右对　</td></tr></tbody></table><span class="e">预设值：</span><span class="b">视浏览器而定</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { text-align : center }<br /><span class="ex">同轴范例：</span><div style="TEXT-ALIGN: center"></div></div><br /><br /><span class="l">vertical-align</span>　设定垂直对　 <div><span class="e">支　持：</span><span class="b">ＩＥ４</span><br /><span class="e">适　用：</span><span class="b">同轴元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">top</td><td class="d" width="350">对　同列最高元素顶端</td></tr><tr><td class="c" width="150">bottom</td><td class="d" width="350">对　同列最低元素底端</td></tr><tr><td class="c" width="150">baseline</td><td class="d" width="350">对　底线</td></tr><tr><td class="c" width="150">middle</td><td class="d" width="350">对　中央</td></tr><tr><td class="c" width="150">sub</td><td class="d" width="350">将元素置于下标</td></tr><tr><td class="c" width="150">super</td><td class="d" width="350">将元素置于上标</td></tr><tr><td class="c" width="150">text-top</td><td class="d" width="350">对　文字顶端</td></tr><tr><td class="c" width="150">text-bottom</td><td class="d" width="350">对　文字底端</td></tr><tr><td class="c" width="150"><percentage /></td><td class="d" width="350">参照元素本身列高，以父元素底线为基准作位移</td></tr></tbody></table><span class="e">预设值：</span><span class="b">baseline</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { vertical-align : sub }<br /><span class="ex">同轴范例：</span><span style="VERTICAL-ALIGN: sub"></span></div></div><br /><br /><span class="l">text-decoration</span>　设定文字装饰 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">none</td><td class="d" width="350">普通字</td></tr><tr><td class="c" width="150">underline</td><td class="d" width="350">文字加底线</td></tr><tr><td class="c" width="150">overline</td><td class="d" width="350">文字加顶线</td></tr><tr><td class="c" width="150">line-through</td><td class="d" width="350">文字加删除线</td></tr><tr><td class="c" width="150">blink</td><td class="d" width="350">设定文字闪烁</td></tr></tbody></table><span class="e">预设值：</span><span class="b">none</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { text-decoration : blink }<br /><span class="ex">同轴范例：</span><span style="TEXT-DECORATION: blink"></span></div></div><br /><br /><span class="l">text-transform</span>　设定文字转换 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">none</td><td class="d" width="350">普通字</td></tr><tr><td class="c" width="150">capitalize</td><td class="d" width="350">将英文单字地一个字母转换为大写</td></tr><tr><td class="c" width="150">uppercase</td><td class="d" width="350">将所有文字转换为大写</td></tr><tr><td class="c" width="150">lowercase</td><td class="d" width="350">将所有文字转换为小写</td></tr></tbody></table><span class="e">预设值：</span><span class="b">none</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { text-transform : uppercase }<br /><span class="ex">同轴范例：</span><span style="TEXT-TRANSFORM: uppercase"></span></div></div><br /><br /><span class="l">letter-spacing</span>　设定字母间隔 <div><span class="e">支　持：</span><span class="b">ＩＥ４</span><br /><span class="e">适　用：</span><span class="b">所有元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">normal</td><td class="d" width="350">不改变字母间隔，使用浏览器预设值</td></tr><tr><td class="c" width="150"><length /></td><td class="d" width="350">要额外增加的间隔长度，可为负值</td></tr></tbody></table><span class="e">预设值：</span><span class="b">normal</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>SPAN { letter-spacing : 0.5pt }<br /><span class="ex">同轴范例：</span><span style="LETTER-SPACING: 0.5pt"></span></div></div><br /><br /><span class="l">text-indent</span>　设定文字缩排 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><length /></td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr><tr><td class="c" width="150"><percentage /></td><td class="d" width="350">以父元素宽度为基准的百分比值</td></tr></tbody></table><span class="e">预设值：</span><span class="b">0</span><br /><span class="e">继承性：</span><span class="b">有</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { text-indent : 3pt }<br /><span class="ex">同轴范例：</span><div style="TEXT-INDENT: 3pt"></div><div class="ex"></div><div class="ex"><strong><font color="#ff0000">第六章&nbsp;区块性质的ＣＳＳ</font></strong></div><div class="ex"><table cellspacing="0" cellpadding="0" width="565" border="0"><tbody><tr><td class="a" width="565"><div class="bg_orange" align="center">本　章　Ｃ　Ｓ　Ｓ　的　主　要　作　用</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="565"><tbody><tr class="article"><td class="b"><br />　　本章介绍的是区块性质的ＣＳＳ指令以及它 们的应用与特性，可以设定与控制区块的位置，大小及边缘宽度等性质。本章也将分成 两个部份为您介绍，第一部份要讲的是区块各部份名称与概念的介绍，对于区块有一点 概念后，第二部份才再进入区块性质的ＣＳＳ指令的介绍。<br /><br /><br /></td></tr></tbody></table></td></tr><tr><td class="a" width="565"><div class="bg_orange" align="center">区　块　各　部　份　名　称　与　概　念</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="565"><tbody><tr class="article"><td class="b"><br />　　其实我们还可以把所谓的「区块」细分成如 下面图形所表示的几个部份。 <center><table cellspacing="0" cellpadding="0" width="500" border="0"><tbody><tr><td width="250"></td><td width="250"><div style="MARGIN-TOP: 10pt; MARGIN-BOTTOM: 10pt; MARGIN-LEFT: 5pt; COLOR: blue"><span style="COLOR: green">由外而内为您作介绍：</span><br /><span style="FONT-WEIGHT: bolder; COLOR: red; FONT-FAMILY: Arial">MARGIN： </span>边缘，虽然是通透的部份，但是可以藉由边缘宽度的调整来达到内容元素位置调整的目的。<br /><br /><span style="FONT-WEIGHT: bolder; COLOR: red; FONT-FAMILY: Arial">BORDER：</span> 边框，就是外框的部份，经由ＣＳＳ指令您可以控制边框的宽度、颜色和样式，不再死板！<br /><br /><span style="FONT-WEIGHT: bolder; COLOR: red; FONT-FAMILY: Arial">PADDING：</span> 补白，也就是内容元素与框架之间的这段距离与空间，也可以利用ＣＳＳ指令去控制大小。<br /><br /><span style="COLOR: red; FONT-FAMILY: Arial">元素：</span> 内容元素，也就是您放置于该区块内的内容，或为文字，或为图形，或为所有其它元素。</div></td></tr></tbody></table></center>　　附带一提的是，所谓的区块宽度是指整个包含边缘在内的宽度，而元素宽度指的只 是内容元素的宽度。有了这些对区块各部份的基本概念与认识之后，接下来就要来介绍 控制区块各部份分别的的ＣＳＳ指令了！<br /><br /><br /></td></tr></tbody></table></td></tr><tr><td class="a" width="565"><div class="bg_orange" align="center">区　块　性　质　的　Ｃ　Ｓ　Ｓ　指　令</div></td></tr><tr><td><table cellspacing="0" cellpadding="0" width="565"><tbody><tr class="article"><td class="b"><br /><center><table cellspacing="0" cellpadding="0" width="550" border="0"><tbody class="article"><tr><td class="b" width="275" height="20"><span class="ls">margin-top</span>　　　设定上边缘宽度</td><td class="b" width="275" height="20"><span class="ls">margin-right</span>　 设定右边缘宽度</td></tr><tr><td class="b" width="275" height="20"><span class="ls">margin-bottom</span>　设定下边缘宽度</td><td class="b" width="275" height="20"><span class="ls">margin-left</span>　　设定左边缘宽度</td></tr></tbody></table></center><div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><length /></td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr><tr><td class="c" width="150"><percentage /></td><td class="d" width="350">百分比，相对于元素宽度大小</td></tr><tr><td class="c" width="150">auto</td><td class="d" width="350">使用浏览器预设值</td></tr></tbody></table><span class="e">预设值：</span><span class="b">0</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { margin-top : 20pt }<br /><span class="ex">同轴范例：</span><div style="MARGIN-TOP: 20pt"></div></div><br /><br /><span class="l">margin</span>　综合设定边缘宽度 <div><span class="e">支　持：</span><span class="b">ＩＥ３、ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span><span class="b">依序设定top,right,bottom,left的边缘宽度</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150"><length />{1,4}</td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr><tr><td class="c" width="150"><percentage />{1,4}</td><td class="d" width="350">百分比，相对于元素宽度大小</td></tr><tr><td class="c" width="150">auto {1,4}</td><td class="d" width="350">使用浏览器预设值</td></tr></tbody></table><span class="e">预设值：</span><span class="b">无</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { margin : 20pt 15pt 10pt 5pt }<br /><span class="ex">同轴范例：</span><div style="MARGIN: 20pt 15pt 10pt 5pt"></div>　　要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个边缘；如果只 有指定一个合法设订值，则会统一套用于四个边持；若只有指定二或三个合法设定值，则 未指定的边缘会套用对边的宽度设定值。 </div><center><table cellspacing="0" cellpadding="0" width="550" border="0"><tbody><tr><td class="b" width="250" height="20"><span class="p">DIV { margin: 20pt }</span></td><td class="b" width="300" height="20"><span class="p">→top=20pt;right=20pt;bottom=20pt;left=20pt</span></td></tr><tr><td class="b" width="250" height="20"><span class="p">DIV { margin: 20pt 15pt }</span></td><td class="b" width="300" height="20"><span class="p">→top=20pt;right=15pt;bottom=20pt;left=15pt</span></td></tr><tr><td class="b" width="250" height="20"><span class="p">DIV { margin: 20pt 15pt 10pt }</span></td><td class="b" width="300" height="20"><span class="p">→top=20pt;right=15pt;bottom=10pt;left=15pt</span></td></tr></tbody></table></center><br /><br /><center><table cellspacing="0" cellpadding="0" width="550" border="0"><tbody><tr><td class="b" width="275" height="20"><span class="ls">border-top-width</span>　　设定上边框宽度</td><td class="b" width="275" height="20"><span class="ls">border-right-width　</span>设定右边框宽度</td></tr><tr><td class="b" width="275" height="20"><span class="ls">border-bottom-width</span>设定下边框宽度</td><td class="b" width="275" height="20"><span class="ls">border-left-width</span>　　设定左边框宽度</td></tr></tbody></table></center><div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span><span class="b">thin &lt; medium &lt; thick</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">thin</td><td class="d" width="350">统一的绝对单位，因浏览器而异</td></tr><tr><td class="c" width="150">medium</td><td class="d" width="350">统一的绝对单位，因浏览器而异</td></tr><tr><td class="c" width="150">thick</td><td class="d" width="350">统一的绝对单位，因浏览器而异</td></tr><tr><td class="c" width="150"><length /></td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr></tbody></table><span class="e">预设值：</span><span class="b">medium</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { border-top-width : 2pt }<br /><span class="ex">同轴范例：</span><div style="BORDER-TOP-WIDTH: 2pt"></div></div><br /><br /><span class="l">border-width</span>　综合设定边框宽度 <div><span class="e">支　持：</span><span class="b">ＩＥ４、ＮＣ４</span><br /><span class="e">适　用：</span><span class="b">区块元素</span><br /><span class="e">可能值：</span><span class="b">依序设定top,right,bottom,left的边框宽度</span> <table cellspacing="0" cellpadding="2" width="500" border="1"><tbody><tr><td class="c" width="150">thin {1,4}</td><td class="d" width="350">统一的绝对单位，因浏览器而异</td></tr><tr><td class="c" width="150">medium {1,4}</td><td class="d" width="350">统一的绝对单位，因浏览器而异</td></tr><tr><td class="c" width="150">thick {1,4}</td><td class="d" width="350">统一的绝对单位，因浏览器而异</td></tr><tr><td class="c" width="150"><length />{1,4}</td><td class="d" width="350">长度单位，请参考第一章基本单位的相关说明</td></tr></tbody></table><span class="e">预设值：</span><span class="b">无</span><br /><span class="e">继承性：</span><span class="b">无</span><br /><div class="ex"><span class="ex">一般范例：</span>DIV { border-width : 4pt 3pt 2pt 1pt }<br /><span class="ex">同轴范例：</span><div style="BORDER-TOP-WIDTH: 4pt; BORDER-LEFT-WIDTH: 1pt; BORDER-BOTTOM-WIDTH: 2pt; BORDER-RIGHT-WIDTH: 3pt"></div>　　要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个边框；如果只 有指定一个合法设订值，则会统一套用于四个边框；若只有指定二或三个合法设定值，则 未指定的边框会套用对边的宽度设定值。 </div><center><table cellspacing="0" cellpadding="0" width="550" border="0"><tbody><tr><td class="b" width="275" height="20"><span class="p">DIV { border-width: 2pt }</span></td><td class="b" width="275" height="20"><span class="p">→top=2pt;right=2pt;bottom=2pt;left=2pt</span></td></tr><tr><td class="b" width="275" height="20"><span class="p">DIV { border-width: 2pt 3pt }</span></td><td class="b" width="275" height="20"><span class="p">→top=2pt;right=3pt;bottom=2pt;left=3pt</span></td></tr><tr><td class="b" width="275" height="20"><span class="p">DIV { border-width: 2pt 3pt 4pt }</span></td><td class="b" width="275" height="20"><span class="p">→top=2pt;right=3pt;bottom=4pt;left=3pt</span></td></tr></tbody></table></center><br /><br /><center><table cellspacing="0" cellpadding="0" width="550" border="0"><tbody><tr><td class="b" width="275" height="20"><span class="ls">border-top-color</span>　　设定上边框颜色</td><td class="b" width="275" height="20"><span class="ls">border-right-color</span>　设定右边框颜色</td></tr><tr><td class="b" width="275" height="20"><span class="ls">border-bottom-color</span> 设定下边框颜色</td><td class="b" width="275" 