标签:网页布局

网页设计基础:Div+CSS布局入门教程(4)
网站开发与网络建设

网页设计基础:Div+CSS布局入门教程(4)

还有一点需要大家一定要分清楚的,当在HTML中定义为id="divID"时,在CSS对应的设置语法则是#divID{} ,如果在HTML中定义为class="divID"时,则在CSS中对应的设置语法是.divID。 如果id="divID"这个层中包括了一个<img></img>,则这个img在CSS中对应的设置语法应该是#divID img {},同样,如果是包含在class="divID"这个层中时...

逍遥乐

网页设计基础:Div+CSS布局入门教程(3)
网站开发与网络建设

网页设计基础:Div+CSS布局入门教程(3)

到这里,有的朋友就说了,* 为什么要使用GIF格式?使用JPEG不是更好吗? 因为GIF格式的图片文件更小,这样能使页面载入的速度更快,当然使用此格式之前必须确定图片并没有使用太多的颜色,当我们使用了GIF格式时,从肉眼上并不能看出图片有什么太大的变化,因此这是可行的。 * 接下来的Banner部分还能使用GIF格式吗? 答案是不能,因为B...

逍遥乐

网页设计基础:Div+CSS布局入门教程(2)
网站开发与网络建设

网页设计基础:Div+CSS布局入门教程(2)

这里使用了缩写,完整的代码应该是:font-size:12px;font-family:Tahoma;说明字体为12像素大小,字体为Tahoma格式;   margin:0px;   也使用了缩写,完整的应该是:   margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px   或   margin:0px 0px 0px 0px   顺序是 上 / 右 / 下 / 左,你也可以...

逍遥乐

网页设计基础:Div+CSS布局入门教程(1)
网站开发与网络建设

网页设计基础:Div+CSS布局入门教程(1)

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW...

逍遥乐