CSS教程之CSS实例代码:把持网页宽度和高度的CSS实例代码
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。破洛洛文章简介:CSS中把持页面最年夜最小宽度和高度(兼容IE6版本)。
/*最小宽度*/
.min_width{min-width:300px;
/*setsmax-widthforIE*/
_width:expression(document.body.clientWidth<300?"300px":"auto");
}
/*最年夜宽度*/
.max_width{
max-width:600px;
/*setsmax-widthforIE*/
_width:expression(document.body.clientWidth>600?"600px":"auto");
}
/*最小高度*/
.min_height{
min-height:200px;
/*setsmin-heightforIE*/
_height:expression(this.scrollHeight<200?"200px":"auto");
}
/*最年夜高度*/
.max_height{
max-height:400px;
/*setsmax-heightforIE*/
_height:expression(this.scrollHeight>400?"400px":"auto");
}
/*最年夜最小宽度*/
.min_and_max_width{
min-width:300px;
max-width:600px;
/*setsmin-width&max-widthforIE*/
_width:expression(
document.body.clientWidth<300?"300px":
(document.body.clientWidth>600?"600px":"auto")
);
}
/*最年夜最小高度*/
.min_and_max_height{
min-height:200px;
max-height:400px;
/*setsmin-height&max-heightforIE*/
_height:expression(
this.scrollHeight<200?"200px":
(this.scrollHeight>400?"400px":"auto")
);
}
</p>
属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。 学Dreamweaver技术的过程其实是一个增加信心的过程。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。 还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 滚动条)层属性--溢出(visible/hidden/scroll/auto)
页:
[1]