码迷,mamicode.com
首页 > 其他好文 > 详细

暑假第四周·2

时间:2014-07-24 21:19:24      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:color   os   io   re   c   问题   html   代码   

  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,布布扣,bubuko.com

暑假第四周·2

标签:color   os   io   re   c   问题   html   代码   

原文地址:http://www.cnblogs.com/happy-blo/p/3865742.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!