3.css控制div的显示
2016-05-13 23:38
645 查看
div布局CSS控制
效果图:
注意:CSS中控制标签控制的话,默认的标签都会是这样的效果,就是将标签的起始变成了这中CSS的样式。但是如果设置id的话,为id指定CSS,如果他们有重复的属性的话会
优先id的css。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <title>用CSS控制div</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> div{ height: 200px; background:blue; } #main{ background: green; } #footer{ background: gray; } </style> </head> <body> <div id="header"></div> <div id="main"></div> <div id="footer"></div> </body> </html>
效果图:
注意:CSS中控制标签控制的话,默认的标签都会是这样的效果,就是将标签的起始变成了这中CSS的样式。但是如果设置id的话,为id指定CSS,如果他们有重复的属性的话会
优先id的css。
相关文章推荐