3.css控制div的显示
div布局CSS控制
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 3 <head> 4 <title>用CSS控制div</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <style> 7 div{ 8 height: 200px; 9 background:blue; 10 } 11 12 #main{ 13 background: green; 14 } 15 #footer{ 16 background: gray; 17 } 18 </style> 19 </head> 20 <body> 21 <div id="header"></div> 22 <div id="main"></div> 23 <div id="footer"></div> 24 </body> 25 </html>
效果图:
注意:CSS中控制标签控制的话,默认的标签都会是这样的效果,就是将标签的起始变成了这中CSS的样式。但是如果设置id的话,为id指定CSS,如果他们有重复的属性的话会
优先id的css。