css body的背景颜色设置

一:使用标签类型定义样式

1.内部样式

body的背景颜色设置的一个代码样例



	
		
		 css背景
	
	
	
		

css3 实例


第二种写法

这个是内联样式,直接对标签操作



	
		
		 css背景
	

	
		

css3 实例

还可以放在外面,如同茴香豆的茴有好几种写法一样

第三种写法

放在外面,是外部样式,相当于第一种内部样式把变成文件名称

编写style.css文件

body{
	background-color:green;
}
h1{
	color:orange;
	text-align:center;
}
编写index.html文件



	
		
		 css背景
		
	

	
		

css3 实例


二:使用标签id制定样式

使用#表示对id的样式,其实和内联样式一样,就是可能在style代码很多的时候放在外面增加可读性



	
		
		 css背景
	
    
	
		

css3 实例 1

css3 实例 2


三:使用.class定义一般样式



	
		
		 css背景
	
    
	
		

css3 实例 1

css3 实例 2


总结:

1.指定样式类型有三种方式:

       1.根据标签类型指定:label_tyle{}

       2.根据标签名制指定:#id_name{}

       3.根据类名制定:.class_name{}

2.样式的存放有三个地方

       1.内联,直接放在<,style:"">

       2.内部,head中

       3.外部,最常见


转载于:https://www.cnblogs.com/hellokittyblog/p/9128384.html

你可能感兴趣的:(css body的背景颜色设置)