摘要：这种模式是目前最受欢迎，也是普遍采用的模式。主要解决的问题是响应鼠标的over 和 out事件，来控制div参看代码： CSS布局 一栏式布局 二栏式布局 三栏式布局 组合式布局 CSS页面元素 导航 背景 列表 Form表单 字体样式 图片样式 链接样式控制 ... 阅读全文

摘要：纵向导航一般由 div + h1 + h2 来完成.参看实例代码： 图书 文学小说 计算机图书 期刊杂志 DVD 欧美剧集 国产剧集 港台剧集 音乐 Pop Rock Dancd 数码产品 数码相机 笔记本电脑 阅读全文

摘要：一般css排版会采用ul + a 的方式实现，css代码如下： 首 页 文 章 参 考 Blog 论 坛 联 系 阅读全文

摘要：xhtml重元素间的css属性继承极大地提高了代码的复用。使得美工在编写css的时候都是先考虑一般，再考虑特殊，这样能极大提高复用。 阅读全文

摘要：先讲讲啥叫块状元素。html中元素是可以被分为块状元素和内联元素，块状元素的默认display属性为block,内联元素默认display属性为inline,内联元素有： a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, s... 阅读全文

摘要：和宽度自适应相比，都是差不多，但是有一个问题需要注意，高度自适应并不是和宽度自适应一样，仅仅需要把width改为百分比就可以的。因为在浏览器中，一个对象高度是否可以使用百分比自适应显示，取决于对象的父级对象。如果父级对象高度以百分比显示，那么子对象就能实现高度自适应。另外还有一个问题就是：在ie中，html对象默认为100%的宽度，而body却不是，而ff只能过的html对象就不是100%高度。因... 阅读全文

摘要：实现这个的难点在于如何让他们居中显示。而我们前面的讲过，如果要实现一个div居中，那么只要使用margin:0px auto 就可以实现，那么在实现2个div居中的话，只要把2个div放在那个居中的div里面不就可以了吗？的确，那么我们来看看： 左列 右列 这样能实现吗？不能，显示叶面中第二个div被挤到下面去了。因为浏览器的盒模型。一个元素的实际占用宽度大小是由padding+margin+... 阅读全文

摘要：要实现这个布局，就必须要学习css中的一个非常重要的定位属性：Position.它有三种可用值：static absolute relative .对于页面中的每一个元素来说，默认都是static 的。如果将对象设置为absolute,那么对象将根据整个叶面的位置进行重新定位，当使用此属性时，可以使top,right,bottomleft来对上右下左4各方向的距离值，以确定对象的具体位置，#la... 阅读全文

摘要：在很多网站布局的时候是这个样的方式。只要将左列的宽度固定，然后float:left, 右列的宽度不指定，让浏览器自动适应窗口大小。 阅读全文

摘要：郁闷，写好了提交却出错，然后整篇全部重写。主要是浏览器在计算相对宽度的时候，你需要考虑的是padding 德量，所以任何的宽度都不应该设置为100%或者加起来不能刚好等于100%，而要稍微留点余地，那样才不至于把右边的div挤到下面去了。 阅读全文

摘要：如果要实现2列固定宽度，以及居中。摘自狂人：浮动（float）是css布局中的非常强大的布局功能，也是理解css的关系问题所在，css中，包括div中的任何元素都可以以浮动的方式进行。看2行代码： 如何将这2个div并列在一起呢？只要设置2个div的浮动为向左浮动就可以了。 阅读全文

摘要：div的自适应就是无论浏览器的大小如何，自适应的div就会根据浏览器的百分比来设置，而不是根据绝对的px像素来确定位置大小了。如果是一列的固定宽度，并且是自适应的话，那么最简单就是使用margin:0px auto就是让左边宽度和右边的宽度一样，也就是说自动来适应浏览器，这样就实现了居中。 记住：auto的作用哦！浏览器自动判断将div德左右边的边距设置为相同。 阅读全文

摘要：css布局和 table布局的区别 基于 web标准的网站设计和新在于如何使用众多的web标准中的各项技术来达到表现于内容分离，即网站 的结构，表现，行为的三者分离。结构用xhtml来实现，表现用css来实现，行为用 js,dom来实现 ，这样，来达到真正的 web标准。 阅读全文