• 网页布局之九宫格基本布局2009-06-23 九宫格是一种比较古老的设计,它最基本的表现其实就像是一个三行三列的表格。其实它最初是在window的c/s结构中用得比较多,比如我们经常看到软件中的一个窗体,其实就是一个九宫格的典型应用,因为窗体需要在八个方向拉伸,所以在c/s软件中大量采用这种技术来布局..【阅读全文】
  • CSS布局:三列浮动中间列宽度自适应2009-05-28 使用浮动定位方式,从一列到多列的固定宽度及自适应,基本上可以简单完成,包括三列的固定宽度。而在这里给我们提出了一个新的要求,希望有一个三列式布局,其中左栏要求固定宽度,并居左显示,右栏要求固定宽度并居右显示,而中间栏需要在左栏和右栏的中间,根据..【阅读全文】
  • CSS网页布局的一些问题2009-05-21 怎样做css布局呢? css文件的链接方式 1、附加链接:外部css文件 2、导入css:常用应用多个css文件时,将多个css导入一个css文件中 css规则定义有三种 1、类比如“.redtext”、“.bluetext”和“.bigtext”等等 2、标签针对原..【阅读全文】
  • css网页布局教程:弹性+固宽布局2009-05-11 在当今用户的显示器越来越大的今天,之前的1024*768固宽布局有点越来越不合时宜,对大屏幕的用户而言,两侧空空的留白给人第一眼的印象是严重的屏幕浪费,作为网页设计师的你有责任给这一批用户一个良好的用户界面。当然为了减少这种屏幕的浪费,采用弹性流体布局..【阅读全文】
  • 高度100%全屏自适应网页布局2009-05-11 高度100%全屏自适应网页布局。 此布局在以下浏览器中测试通过: ie5.5,ie6,ie7,tt,opera 9.63,firefox3.0,谷歌,ie8未作测试。<!-- put ie into quirks mode --><!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3..【阅读全文】
  • 网页布局和定位:绝对定位和浮动布局2009-04-25 在本css教程中,实现分栏布局有两种方法。第一种方法是使用四种css定位选项(absolute 、static、relative和fixed)中的绝对定位(absolute positioning),它可以将文档中的某个元素从其原本位置上移除,并重新定位在期望的任何地点之上。第二种则是使用css中的浮动(f..【阅读全文】
  • CSS盒模式与排版2009-04-13 首先简单讲一下盒模式,所谓盒模式,是css看待元素的方式,css将每个单一的元素都看作一个盒子,如下图所示: 之所以叫它盒模式,是因为它跟我们日常生活中的盒子非常相似,这里不多说了。css中大部分的属性都是用来控制content的,比如width、height、..【阅读全文】
  • CSS布局中常用的CSS图像置换、图片替代的方法举例2009-03-23 在xhtml+css网页布局中,我们很多结构与表现的图片,都用背景来进行操作的。例如栏目的标题,我们可以制作一幅图片,由于是图片,所以加上装饰性的图案纹理,文字字体也可以更加的多样化。我们常用的方法是background-image: url(http://www.jzxue.com/upload/20..【阅读全文】
  • CSS分栏布局的方法:绝对定位和浮动2009-03-12 在css中,实现分栏布局有两种方法。第一种方法是使用四种css定位选项(absolute 、static、relative和fixed)中的绝对定位(absolute positioning),它可以将文档中的某个元素从其原本位置上移除,并重新定位在期望的任何地点之上。第二种则是使用css中的浮动(..【阅读全文】
  • 网页设计基础:版面布局的平衡性原理2009-03-10 本教程主要就网页设计中页面布局的平衡性方面作了介绍,从而为设计师朋友在设计灵感的实现、风格的确定、发展策略等方面提供一点建议,希望能对大家有用。 网页版面与报纸版面设计 网站设计就象传统的报刊杂志一样,我们通常都是把网页看作一张报纸,或者一本..【阅读全文】
  • 色彩原来可以这样--色彩心理2009-03-01 色彩的物质性心理错觉 色彩的直接心理效应来自色彩的物理光刺激对人的生理发生的直接影响。心理学家对此曾做过许多实验。他们发现,在红色环境中,人的脉搏会加快,血压有所升高,情绪兴奋冲动。而处在蓝色环境中,脉搏会减缓,情绪也较沉静。有的科学家发现,颜色..【阅读全文】
  • 网页设计风格和色彩搭配经验2009-03-01 在一般人眼中,“网站”几乎就代表着“互联网”。网站本身的价值正在被人们不断的发现,不断的认可。“如何设计一个成功的网站?”已成为越来越多的网页设计师所思考、关注的问题。本人从事商业网站建设已经有两年以上的经验,在此..【阅读全文】
  • DIV+CSS常用的网页布局代码2009-02-25 单行一列以下是引用片段:body { margin: 0px; padding: 0px; text-align: center; } #content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } 两行一列以下是引用片段:body { margin: 0px; padding: 0px; text-align: center;} #conte..【阅读全文】
  • 网页布局教程:绝对定位和相对定位2009-02-23 css网页布局教程:绝对定位和相对定位。通过本文你绝对能理解绝对定位和相对定位了,如果你看完本篇文章还不理解绝对定位和相对定位的话,我看你就别学css了!哈哈!概要:本文主要描述xhtml中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用c..【阅读全文】
  • 网页布局设计的简单原则2009-02-18 本文整理了一些网页布局设计的简单原则,希望对网页设计者有一些用处。・重复:在整个站点中重复实现某些页面设计风格。重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。颜色作为重复成分也很有用:为所有标..【阅读全文】
  • 网页布局绝对定位(position)轻松简单2009-02-18 使用css来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。其实,要想控制好层的绝对定位,只要理解css中关于定位..【阅读全文】
  • IE和Firefox浏览器CSS网页布局不同点2009-02-14 我们讨论的主题css网页布局,最令大家头疼的问题就是浏览器兼容性,虽然jzxue.com介绍过很多这方向的知识,但依然让很多开发人员晕头转向,今天的这篇文章,将列出css和javascript在ie和firefox中二十三个不同点,希望对大家的学习有所帮助。一、document.formna..【阅读全文】
  • 雅黑字体对IE显示网页布局的影响2009-02-06 5月微软正式提供了windows xp下可用的雅黑字体下载。雅黑字体是一款近乎完美的字体,解决了宋体小文字无法辩认的问题,特别是对于液晶显示器(lcd),在开启cleartype效果之后,你就会得到一个更加完美的视觉享受。我现在已经对雅黑着迷了,回头看默认为宋体的系统..【阅读全文】
  • 网站布局剖析实例:网页黄金分割2009-01-02 数学是优美的. 听上去有点奇怪? 当我第一次开始设计的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 φ (phi). 本教程会剖析一个网..【阅读全文】
  • CSS设计多列多模块等高网页布局2008-12-14 首先给大家看一个图: 以前我们在布局这种需要多列多模块,多列等高,一般会选择横着切一张背景图来进行模拟,这个也是没有办法的办法。 我们知道单纯的两列等高我们可以利用正内边距加负外边距来实现。padding-bottom:32767px; margin-bottom:-32767px; ..【阅读全文】
共 114 条记录┊当前页次:3/6┊20条/页