-
带当前样式的横向标签式导航图片美化版
2012-06-21虽然完成了标签式导航，但是广场状的导航似乎并不能够顺应现在的设计潮流，其实导航不仅可以使用css的颜色来定义，同样可以采用精心设计的图片或其它元素来构建导航，在这里我们将开始改善导航的设计，使它成为更加出色的标签效果。 我们将考虑去掉单一的方块状背景元 -
超链接访问过后hover样式就不出现的问题
2012-06-21本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
CSS选择符详解
2012-06-18一、类型选择符 什么是类型选择符？指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型，div,p,span都是。 如下： body {} div {} p {} span {} 二、群组选择符 对于XHMTL对象，可以对一组同时进行了相同的样式指派。 使用逗号对选择符进行了分隔 -
CSS一列自适应宽度
2012-06-18自适应布局是网页设计中常见的布局形式，自适应的布局能够根据浏览器窗口的大小，自动改变其宽度和高度值，是一种非常灵活的布局形式，良好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。实际上div默认状态的占据整行的空间，便是宽度为100%的自适应布 -
CSS一列固定宽度居中
2012-06-18页面整体居中是网页设计中最普遍应用的形式，在传统表格布局中，我们使用表格的align=center属性来实现。div本身也支持align=center属性，也可以让div呈现居中状态，但css布局是为了实现表现和内容的分离，而align对齐属性是一种样式代码，书写在XHTML的div属性之中， -
CSS一列固定宽度
2012-06-18本系列教程为入门级教程，适合初学者学习，由最简单的知识一点一点进阶。主要以实例为主，很少部分理论，这样更适应初学者快速掌握。因本人也正在学习，难免有一些错误或疏漏地方，望各位给予指正。本教程参考《CSS网站布局实录》一书，在此向作者表示感谢。 要想学好D -
css十大密技
2012-06-181.css 字体简写规则 当使用css定义字体时你可能会这样做： font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 事实上你可以简写这些属性： font: 1em/1.5em bold italic small-caps -
CSS BUG 顺口溜,轻松记住IE6常见BUG
2012-06-17在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？ 一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； -
CSS网页布局时常犯的几种小错误
2012-06-17CSS网页布局时常犯的几种小错误： 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用Cl -
IE对CSS的渲染引擎hasLayout
2012-06-17haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值 -
css中class和id的区别及使用规则
2012-06-17在Mb5u.com前面的文章里讨论过很多DIVCSS布局的技巧。 在用CSS来控制网页布局时我们可能都会遇到一个问题：当定义一个属性时，是使用id，还是使用class? 今天Mb5u.com再谈id与class的使用原则，把自己平时做站时的经验给大家简要讲述一下，希望能够对您有所帮助。 id的 -
网页中表单常见问题解决办法
2012-06-15最先起草本文时，命的名字叫：谈谈网页布局中表单元素的几宗罪接下来的内容如下： 当您看到这个标题时，可能会觉得有点夸大其词了吧！表单为我们和服务器交互提供了很好的接口，怎么说是有罪呢？ 当然，表单的强大功能我们不可否认，但它在布局上的棘手问题也是让许多 -
用server.transfer隐藏网页真实地址
2012-06-15经常在网站上看到诸如www.abc.com/?news或者www.abc.com/?id=123这样的网址，一开始觉得很神秘，其实现在看多了，用得多了，也觉得没那以多深奥的技术，就是用一些最简单的方法就能实现，以asp为例，用好server.transfer这个方法就可以实现以上的功能了。 假设地址是ww -
IE断头台的解决办法
2012-06-15断头台问题(IE/Win Guillotine bug)是国外的css设计者给这个问题起的一个非常形象的名字，就如同断头台一样，对象被无情的切断了一部分，不过与之相反的是，断头台问题中的对象切断的不是对象的头部，而是对象的底部。xhtml编码(演示)： div id=layout div id=left str -
firefox下使连续长字段自动换行
2012-06-15本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
使一个层垂直居中于浏览器
2012-06-14本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
divcss三列横向排列实例代码
2012-06-14本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
margin在垂直取值时取最大值
2012-06-14margin在垂直取值的时候是重叠的，如果上下盒模型分别都有margin，那么取较大值。这一点是值得大家注意的了，平时如果在上下两个容器都设置了margin时，注意垂直取值时并不是两个值相加，而是取较大值。请看下面的例子： 本文来源与模板无忧_www.mb5u.com !DOCTYPE htm -
四种CSS样式的调用方法
2012-06-14一、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。 元件(标签) STYLE=性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如： TD STYLE=COLOR:BLUE; font-size:9pt; font-family:标楷体; line-height:150% 这种用法的优点 是可灵巧应用样式於各标签中，但 -
DIV元素和SPAN元素的区别和应用
2012-06-14首先讲两个概念，一个是行内元素，一个是块级元素。行内元素是指该元素标记的内容不不会对现在的结构造成影响，属于应用样式，辅助应用样式表等作用；而块级元素为一个块状，单独占据一行，相当于在一个该元素前后各加一个换行。 两者最明显的区别是： DIV(division)
- 相关链接：
- 栏目说明：
div+css教程:提供全面的div+css教程,div+css布局实例,遇到DIV CSS的难题,可到群29061111提问！