CSS+DIV网页样式与布局——文字样式&段落(一)

一个网页要说最多的还是文字,上篇博客说CSS样式是一个网页的精髓,那网页中最直接表现出来的就是文字和图片,还有一些所谓的表单,首先先说最为熟悉和常用的文字。让CSS控制网页中的文字,使它不再那么枯燥平淡,从此网页文字变得绚丽多彩。 一、文字样式 文字样式主要包括文字的大小、颜色、字体等,具体包括如下 CSS+DIV网页样式与布局——文字样式&段落(一)
文章图片

写一个小例子,综合运用上述所有的文字效果样式: 代码:

文字字体 - 锐客网body{background-color:#99CCFF; } h2{font-family:楷体_GB2312, "Times New Roman"; } h3{ font-family:"宋体"; } p.bigsize {font-size: 0.5in; } p.smallsize {font-size: 0.5cm; } p.bluecolor { color:#00CCFF; } p.yellowcolor { color:#FFFF66; } p.bold{ font-weight:bold; } p.Italic{ font-weight:bold; font-style:italic; } .line{ text-decoration:underline; } .line1{ text-decoration:blink; } .line3{ text-decoration:line-through; } .line4{ text-decoration:overline; } .zuozhe1{ text-transform:capitalize; /* 单词首字大写 */ } .zuozhe2{ text-transform:uppercase; /* 全部大写 */ } .zuozhe3{ text-transform:lowercase; /* 全部小写 */ } .joy{ color:#CC33CC; } 人群中哭着-----楷体 你只想变成透明的颜色-----宋体
五月天你不是真正的快乐
阿信
你再不回梦或痛或心动了-----蓝色
你已经决定了 你已经决定了-----黄色
你已经决定了-----文字粗细:粗体
【CSS+DIV网页样式与布局——文字样式&段落(一)】你静静忍着-----文字粗细+斜体
紧紧把昨天在拳心握着-----下划线
而回忆越是甜就是越伤人-----文字的闪烁
文字的删除线
越是在手心留下密密麻麻深深浅浅的刀割-----顶划线

作者: Claribel (英文字母首字母大写)作者: Claribel (英文字母全部大写)作者: Claribel (英文字母全部小写)


运行效果:
CSS+DIV网页样式与布局——文字样式&段落(一)
文章图片


二、文字段落 对于文字的段落来说,一篇文章要想清晰有条理的展示给读者,有一个条理分明的段落样式是非常必要的,接下来就说明一下文字段落的一些常用样式。具体详情请参考下篇博客: CSS+DIV网页样式与布局——文字样式&段落 (二) http://blog.csdn.net/xdd19910505/article/details/43566515

    推荐阅读