采用CSS可以将页面的内容和格式分离开来,本文记叙小鸡射手学习CSS控制格式的过程。
开始对CSS中的padding、border、margin以及width/height的关系不清楚,通过学习了解到:
- width/height表示元素的大小,是最内层的大小;
- padding表示元素到边框(border)间的距离;
- border表示边框的宽度;
- margin表示border到其他元素间的距离,是最外层的。
另外,padding等可以分别定义上下左右,也可以一起定义。一起定义是从上边开始,按顺时针方向定义各边的距离。
在页面中左面放sidebar,右面放content,可以分别定义两个div。sidebar的left定义为float,content的margin-left等于sidebar的宽度。对于动态生成的内容,小鸡射手采用了自定义MasterPage的方法,用的是1.1,还没有用上2.0的功能。不过碰到了一个问题,在<form>前面加上了Header后,viewstate工作不正常。没有办法,只有将CSS的positon设置成absolute了,:-(