仓酷云

标题: CSS教程之网页制造教程:css让页面居中对齐 [打印本页]

作者: 第二个灵魂 时间: 2015-1-15 23:35
标题: 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标准化的影响下，网页设计人员已经把这一要求作为行业标准。

作者: 小魔女 时间: 2015-1-17 23:30
AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。

作者: 老尸 时间: 2015-1-25 15:37
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 变相怪杰 时间: 2015-2-3 05:07
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

作者: 飘灵儿 时间: 2015-2-8 20:04
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 蒙在股里 时间: 2015-2-26 03:12
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 山那边是海 时间: 2015-3-8 11:53
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 灵魂腐蚀 时间: 2015-3-15 23:54
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

作者: 小女巫 时间: 2015-3-22 18:48
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

欢迎光临仓酷云 (http://ckuyun.com/)