HTML+CSS两兄弟负责的部分是“外包装”,HTML负责内容、CSS负责样式,虽然HTML5+CSS3能产生一定的功能,但可惜浏览器不支持。所以在我看来虽然“外包装”很重要,但其代码部分还是稍弱于后台代码的。
我觉得CSS较难于HTML,在我这个新手看来CSS会出现许多意外情况,但一般书中却并不说,也无法说。比如为什么我们写好代码后元素还会乱跑,为什么有时margin右边会消失,为什么明明我没用什么高级的代码浏览器还是有不同的编译结果?
在了解了元素的性质后,还要好好看看浏览器的性质。我认为统一是简单的,调和才是最难的。书中只讲统一的部分,所以书中的东西都差不多,而人类要处理的是不统一的部分,他们杂乱无章无法整理,因为他们是意外。就看个人的处理了。
CSS的常用属性:
排版:
padding——多用,不太会出错,在没有border的情况下可当做margin,在有border的情况下可在外框添加代替内部的margin;
margin——少用,margin-buttom和margin-right可能在一些浏览期中出现问题
float——排版利器之一,HTML中写入内容的之后都是竖着往下写的,我们看的时候需要横着看,所以我们想尽办法把他们掰过来。写的时候需要把网页分成一行一行的然后一个float,当然文字就不需要了啦。(后遗症:设置height 或者 加上<div class="clear"></div> 或者 “float:right;”元素写在上面)
height+line-height=整理——如果float之后乱了就试试,适用于单行。
position:absolute;——排版利器之二,有时候网页不好分成一行一行的,或者float不太好用,你就可以有一个强硬手段(大招),大招我一般喜欢最后用。(后遗症:这家伙的父亲是position:relative;你懂得~)
样式一般是文字的样式:
font:size|color——比较常用,动不动就用!
letter-space——好用,会用
padding——千万别让文字贴边,难看不说还会被骂!(重点是<input>别忘了)
以上再加上photo你可以写一张网页了(不是看过后,是掌握后,只可惜是白色的~)。
再说一个写代码的后遗症:写完之后习惯性Ctrl+s(保存),写这个的时候已经按了好几次Ctrl了,手势都做好了,还好没按下去,当然你可以试试按下去的效果啦
暑假第四周·2