CSS常用属性和值

下载高清图：css常用属性和值（思维导图总结）

1.字体

		
				
				
		
		
				
this is header one
				
this is header two
				
this is a paragraph 
		

运行结果：

2.文本

		
				
				
		
		
				
this is header one
				
this is header two
				
this is a paragraph 
				baidu
		

运行结果：

3.背景

由于博主懒的去找背景的素材，所以运行之后，丑的不堪入目，不过重点没有错误嘛，大家关注代码所对应的效果就好了。

		
				
				
		
		
				
this is header one
				
this is header two
				
this is a paragraph 
				aaaaaaaaaaaaaaaaa
			


		

运行结果：

这张截图有点，看起来乱七八糟的，但是根据代码来找效果，也是很快的。很容易搞明白，每一句代码的意思。url就是自己随便哦添加的路径，大家不必在意。

4.边框（PS:加几句关于鼠标指针的代码）

		
				
				
		
		
				

						aaaaaa
				
				
this is header one
				
this is header two
		

运行结果：

当鼠标移到三个边框上时，鼠标指针会发生相应变化：分别变成移动，等待，还有小手的状态。具体参考

• aaaaaaaaaaaaa
• aaaaaaaaaaaaa
• aaaaaaaaaaaaa
• aaaaaaaaaaaaa
• aaaaaaaaaaaaa
• aaaaaaaaaaaaa

1. aaaaaaaaaaaaa
2. aaaaaaaaaaaaa
3. aaaaaaaaaaaaa
4. aaaaaaaaaaaaa
5. aaaaaaaaaaaaa
6. aaaaaaaaaaaaa

运行结果：

截图中所显示的两个列表分别是一个无序列表和一个有序列表。

但是在以后的开发中，我们基本不会使用默认的图像，都是自定义列表前面的图像。style="list-style-type:none.这句代码就是将列表前的符号风格设置为空，然后我们就可以自行添加自己需要的图像了。

李硕

CSDN博客地址：http://blog.csdn.net/wzqnls