仓酷云

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

[DIV+CSS] DIV教程之CSS实例:vertical-align属性让网页层居中

[复制链接]
精灵巫婆 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:04:15 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
所有的设计第一步就是构思,构思好了。
vertical-align属性使网页层居中
网页源代码以下:
<html>
<head>
<style>
body{TEXT-ALIGN:center;}
#center{
MARGIN-RIGHT:auto;
MARGIN-LEFT:auto;
height:200px;
background:#fff;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body>
<divid="center"><p>testcontent</p></div>
</body>
</html>
PS:发明新浪BLOG另外一个反常的地方。本来javascript是能够往内里加的,要使代码显现一般,必需在多写上一个javascript,好象自界说空缺面板保留后体系会主动删除第一个javascript标志。即如许写:
<script><scriptlanguage="javascript">functionwhat(){......}document.what......</script>
想一想也真是不利,为了如许一个BUG我居然苦苦思考这么久!把模版换成如今这个模样,BANNER和背景都是PS的,独一的缺点是必需利用层相对定位显现BANNER,但假如不是全屏幕显现的话这个层就会浮动。并且只合适1034*768分辩率(忧郁!)今朝还没有想出一个好思绪办理这个成绩!独一可以做的就是加一句JS,让页面翻开后主动最年夜化。

你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
活着的死人 该用户已被删除
沙发
发表于 2015-1-18 05:03:27 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
乐观 该用户已被删除
板凳
发表于 2015-1-21 20:00:30 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
飘飘悠悠 该用户已被删除
地板
发表于 2015-1-30 22:15:40 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
透明 该用户已被删除
5#
发表于 2015-2-17 07:18:47 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
再现理想 该用户已被删除
6#
发表于 2015-3-5 17:21:54 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
飘灵儿 该用户已被删除
7#
发表于 2015-3-12 11:44:57 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
山那边是海 该用户已被删除
8#
发表于 2015-3-19 22:03:27 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-6-16 16:02

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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