CSS+DIV网页样式与布局--文字样式&段落_html/css_WEB-ITnose

一个网页要说最多的还是文字，上篇博客说CSS样式是一个网页的精髓，那网页中最直接表现出来的就是文字和图片，还有一些所谓的表单，首先先说最为熟悉和常用的文字。让CSS控制网页中的文字，使它不再那么枯燥平淡，从此网页文字变得绚丽多彩。

一、文字样式

文字样式主要包括文字的大小、颜色、字体等，具体包括如下

写一个小例子，综合运用上述所有的文字效果样式：

代码：

  	 文字字体  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;}      	
人群中哭着-----楷体
 
你只想变成透明的颜色-----宋体
	
五月天         你不是真正的快乐 
      	
        阿信
	
你再不回梦或痛或心动了-----蓝色
   	
你已经决定了 你已经决定了-----黄色
	
你已经决定了-----文字粗细：粗体
  	
你静静忍着-----文字粗细+斜体
	 紧紧把昨天在拳心握着-----下划线 
 而回忆越是甜就是越伤人-----文字的闪烁 
   文字的删除线 
 越是在手心留下密密麻麻深深浅浅的刀割-----顶划线 	

 作者: Claribel （英文字母首字母大写）     作者: Claribel （英文字母全部大写）     作者: Claribel （英文字母全部小写）    

运行效果：

二、文字段落

对于文字的段落来说，一篇文章要想清晰有条理的展示给读者，有一个条理分明的段落样式是非常必要的，接下来就说明一下文字段落的一些常用样式。具体详情请参考下篇博客： CSS+DIV网页样式与布局??文字样式&段落 （二）

查看更多关于CSS+DIV网页样式与布局--文字样式&段落_html/css_WEB-ITnose的详细内容...