Tag Archives: div

div+css实战,布局出自己的博客首页

假如我们要布局出一个网站首页,就拿我的blog来说,首先就应该对布局需求进行分析,本次的需求是仿自己的首页,所以第一步打开自己的网站首页。 打开首页后, 我们可以看到body背景颜色是灰白色的, 在body体里, 有一个div, div居中, 并且下移几个像素,div的背景颜色是白色的, 在div里 有一个header, 一个main, 一个footer, 在header中, 包括一个logo和menu, 在main中,是自增的内容区域, 和右边框, 所以main里要给两个边框一左一右, footer里定义尾信息, 那么好, 咱们开始。

Posted in div/css, Uncategorized | Tagged , , , , , | Leave a comment

header内div浮动背景消失的问题

为了保证易用性,我们一般会把首页切成三大块(header,main,footer),然后再给三大块里分各自的区域,又因为需要在大容器里水平对齐,所以我们会用到float,在用到float的时候,有时候会遇到之前给定背景颜色消失的问题,那就来看一下,这个到底是为什么。

Posted in div/css | Tagged , , , , , | Leave a comment

css选择器

要应用哪个html元素,就可以把该元素作为选择器 <html> <head> <title>css选择器-html选择器</title> <meta http-equiv="Content-Type" Content="text/html;charset=’UTF-8’"/> <style type="text/css"> a {     color:blue; } </style> </head> <body> <a href="http://gonvshenhome.localhost">点击访问</a> </body> </html> <html> <head> <title>css选择器-class(类)选择器</title> <meta http-equiv="Content-Type" Content="text/html;charset=’UTF-8’"/> <style type="text/css"> a.o {     color:green; } </style> </head> <body> <a … Continue reading

Posted in div/css | Tagged , , , , | Leave a comment