仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 808|回复: 8
打印 上一主题 下一主题

[DIV+CSS] CSS教程之网页制造教程:css让页面居中对齐

[复制链接]
第二个灵魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:35:50 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例: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:19 | 只看该作者
AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。
老尸 该用户已被删除
板凳
发表于 2015-1-25 15:37:13 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
变相怪杰 该用户已被删除
地板
发表于 2015-2-3 05:07:47 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
飘灵儿 该用户已被删除
5#
发表于 2015-2-8 20:04:39 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
蒙在股里 该用户已被删除
6#
发表于 2015-2-26 03:12:39 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
山那边是海 该用户已被删除
7#
发表于 2015-3-8 11:53:39 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
灵魂腐蚀 该用户已被删除
8#
发表于 2015-3-15 23:54:52 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
小女巫 该用户已被删除
9#
发表于 2015-3-22 18:48:41 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-10 19:27

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表