DIV+CSS形式的分析

七月 13, 2009 浏览
评论 0

在大约两年前,DIV+CSS是一对很诱人的组合,会用DIV+CSS制作网页的人,常常会被人赞以大拇指的,记得06年初的时候,我用div+css布局的一个纯静态网站还拿了学校网页设计比赛的一个奖。

今天,尽管提到DIV+CSS,还会有很多人热情高涨,但是我会对他摇头了:DIV+CSS不是一切,更不是某些人所谓的“神话”!创造神话的是CSS,不是DIV+CSS。我想,是时候纠正这个问题了。

CSS的要义,是各个标签要各尽所用。

盲目推崇DIV+CSS只会让小白误入歧途的。

...

阅读全文WEB前台技术div  css  

CSS中的border,margin和padding属性区别

六月 2, 2009 浏览
评论 0

边框属性(border)用来设定一个元素的边线。
边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
间隙属性(padding)是用来设置元素内容到元素边界的距离。
这三个属性都属于CSS中box类型的属性。

下面这个示意图,很形象地体现了三者之间的区别。

...

阅读全文WEB前台技术css  

Div+CSS布局入门(二)

五月 21, 2009 浏览
评论 0

1.CSS布局常用的方法:

float : none | left | right

取值:
none :  默认值。对象不飘浮
left :  文本流向对象的右边
right :  文本流向对象的左边

它是怎样工作的,看个一行两列的例子

xhtml:
[CODE=html]
这里是第一列
这里是第二列
...

阅读全文WEB前台技术div  css  

Div+CSS布局入门(一)

五月 19, 2009 浏览
评论 0

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而 在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。

...

阅读全文WEB前台技术div  css  

CSS在页面布局中实现div水平居中的方法总结

五月 5, 2009 浏览
评论 0
在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果,这是在页面布局中基本,也是最应该首先掌握的知识。不过,还是经常会有人问到这个问题,在这里我简单总结一下使用Div和CSS实现页面水平居中的方法:

一、margin:auto 0 与 text-aligh:center
在现代浏览器(如Internet Explorer 7、Firefox、Opera等)现代浏览器实现水平居中的方法很简单,只要设定到左右两侧的空白为自动即可。意即:
#wrap { margin:0 auto;}  

...

阅读全文WEB前台技术div  css  

DIV+CSS布局中的居中问题

二月 11, 2009 浏览
评论 0

1、DIV居中


body {text-align: center;} 
div {margin-right: auto; margin-left: auto;}


说明:对于IE,在父元素定义“text-align: center;”就可以了对于FF等其他浏览器,仅这样不能居中,需在子元素中定义

margin-right: auto; margin-left: auto;。


2、背景居中

...

阅读全文WEB前台技术div  css  

一个全能的CSS框架:BlueTrip

五月 13, 2008 浏览
评论 0

BlueTrip 是一个想要整合以下优点的CSS 框架

 

阅读全文WEB前台技术css  

分页:« 首页...«1»...尾页 »