今天复习了一下阿捷去年的CSS讲课资料,讲解了XHTML的一些基本语法。
我想到了以后可以参照这个例子来讲解CSS的盒模型。
<style>
<!--
body {margin:0}
.test {
width=200px;
height=200px;
background-color=#f00;
margin=50px;
padding=10px;
border=40 solid green;
}
-->
</style>
<body>
<div class="test">
pppppp
</div>
</body>
问题:width和height是否包含margin的空间呢?
通过修改CSS的属性,再刷新浏览器,立即看到修改后的效果。为达到最佳演示效果,调整浏览器窗口大小,让浏览器和源文件同时保持在桌面上,Firefox好象就支持这种边改css边看效果的功能。去年马海波告诉我,css中的各个属性设置可以用等号,如上面例子所示的情况,这里试了一下,确实没有问题。不知道这是不是w3c的标准,还是ie的特殊行为,以后安排人去查询w3c的官方资料。
大家现在缺少练习,后一阶段以学员练习和老师点评为主,老师讲解为辅。今天讲课内容不多,主要是学员们做如下的
练习内容:用MVC模式做一个登录用例,成功后跳转到成功页面,失败后重新回到登录页面并显示失败原因和原来输入的信息。
如何去掉第一次的畏难心理:先想好步骤,要做哪几件事,然后一步步做下去,就不难了。