CSS教程之CSS教程:专门先容滑动门
你用什么用的熟练就用什么，讲究的是效率，客户永远不管你用什么，页面就要好看，功能就要好用，还有时间和成本的问题。滑动门(SlidingDoors)
仍是决意把滑动门独自提作一种独自的手艺.
它是CSS引进的一项用来制造大度且有用的界面的新手艺,它利用复杂,我们只必要利用两张独自的背景图片,就能够完成。
滑动门一样平常用做网站Tab导航,依据Tab中内容的是非主动缩放Tab的效果.
后面所述的圆角矩形只是它的一种完成体例罢了.真实的滑动门只必要2组标签就能够完成:
HTML代码以下:
<ul><li><ahref="http://www.poluoluo.com"title="">网页教授教养网</a></li></ul>
CSS代码大抵以下:
#headerli{
float:left;
background:url("left_both.gif")no-repeatlefttop;
margin:0;
padding:0009px;
border-bottom:1pxsolid#765;
}
#headera{
float:left;
display:block;
background:url("right_both.gif")no-repeatrighttop;
padding:5px15px4px6px;
text-decoration:none;
font-weight:bold;
color:#765;
}
符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。 直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 学Dreamweaver技术的过程其实是一个增加信心的过程。 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
页:
[1]