好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS之盒子模型与面向对象_html/css_WEB-ITnose

从接触B/S到今天才三天,学习了二十几集的牛腩,在web设计的时候学到了CSS的盒子模型,感觉这个东西是真的好,一个简单的盒子理论就把一个网页设计的全部概括了,简直是抽象的一个杰出代表,这里就把自己对盒子的认识写出来,看完后相信大家会觉得盒子其实也就那么回事。

什么叫盒子

说到盒子,鞋盒,饭盒,总之是装东西的东西,所以在web中,他也是指装东西的一个容器。

盒子和OOP的比较

说道web盒子,我们先给大家一些名词:内容(content)、填充(padding)、边框(border)、边界(margin)我们就认为他就是一个盒子,也就是我们网页中要操作的对象,其实他和我们编程是非常的相似的,尤其是我们的面向对象,说道面向对象的基本,大家一定非常熟悉,继承,封装,那么我们来看看这个web这个盒子到底和我们的面向对象有多么的像。

1、OO:面向对象首先是面向对象的编程来实现,而盒子是面向盒子这个对象来写代码。都是 对象 方法()

2、属性和方法:OOP中每个对象都有自己的属性和方法,很好,咱们的盒子有内容(content)、填充(padding)、边框(border)、边界(margin),这就是他们的属性,至于方法,下边的实例中我会给大家呈现出来。

3、继承:这个更是简单,在java中,我们要extends是吗,在CSS中,我们只需要空格就可以,具体怎么实现,请看下边的实现。

盒子的实现和面向对象的实现

如果我们要在网页的顶端放两张图片,一张是我们网站的logo,一张是我们一个链接到我们网页的图片。这个大家应该都很熟悉把,在新浪里边很多都是图片,我们单机就可以进入想要阅读的文章。那么我们先来实现一下这个简单的实现。

    

查看更多关于CSS之盒子模型与面向对象_html/css_WEB-ITnose的详细内容...

  阅读:32次