CSS教程之网页制造教程:css让页面居中对齐
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。网页制造POLUOLUO文章简介:总结一下css让页面居中对齐的办法.
总结一下css让页面居中对齐的办法
1.我们经常使用的margin:0auto;办法
这个办法是人人用的最多的办法,利用的时分必需为容器制订宽度!
例子:#main{width:960px;margin:0auto;}这个在年夜部分扫瞄器内里都能够很好的完成效果。
可是在IE6之前的版本中却不被撑持,上面看一下第二种办法
2.用text-align完成居中,这个办法实在算是一个hack。
这个办法把全部页面看成文本看待,把body的属性设置为{text-align:center;}
如许的话页面一切内容全体居中了,还必要把页面总的外框(wrap)属性{text-align:left;}
如许的话页面就居中了!
代码:body{text-align:center;}
wrap{text-align:left;}
3.负的外边距
负外边距必要和相对定位同时利用,才会失效。
起首必要一个{wrap}来包裹一切的页面内容,并将其定位到页面的50%。如许{warp}容器据扫瞄器右边50%的间隔。
然后再用负边距,将容器右边距设置为{wrap}宽度的一半便可。
看代码:#wrap{width:800px;position:absolute;left:50%;margin:000-400px;}如许wrap就居中对齐了,这个办法基础上能够兼容一切的扫瞄器了。
综上所述:第一种办法是我们人人首选的办理计划,第二种办法实在能够和第一种办法分离起来用更好,第三种办法是是能够兼容一切的扫瞄器,假如你对你的也页面兼容性请求的高些,这个也能够作为你的首选哈!
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。 AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
页:
[1]