
div+css
dragon_fire
这个作者很懒,什么都没留下…
展开
-
纯div+css实现下拉菜单 http://www.zhangmeigong.cn/post/xiala.html
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml">alixixi.com.menu {font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85e转载 2012-11-15 18:06:54 · 1183 阅读 · 0 评论 -
div之float,clear特性
转自http://hi.baidu.com/cohon90/item/505d6de0c2b143c5baf37d27在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子:HTML4STRICT代码: TEST转载 2012-11-24 15:34:43 · 434 阅读 · 0 评论 -
DIV与SPAN之间有什么区别 http://www.cnblogs.com/windows/articles/1605631.html
DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表(共同点)。两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。详解:1.所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,测试一下下面的代码你会有更形象的理解:测试紧跟前面的"测试"显示这里会另起一行显示2.块元素和行内元素也不转载 2012-11-17 09:15:36 · 667 阅读 · 0 评论 -
应该Javascript配合CSS实现网页自助换肤功能http://www.52css.com/article.asp?id=1179
现在网站换皮肤是比较常见的功能,我们在52CSS.com上也提过类似的知识,而且大多数论坛都有这样的功能。要想实现自助换肤的效果可以看如下代码:HTML代码一、要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. Example Source Code[www.52css.com]二、皮肤选择按钮(后台为每个li添加onclick转载 2012-11-16 20:15:49 · 749 阅读 · 0 评论 -
div+css 水平居中和垂直居中的多种解决方案
在定义网页的CSS样式的时候,我们或许并不怎么用到垂直居中。在52CSS.com中,大量的文章介绍了这些知识。在和别人合作的时候,你的代码的自适应性就需要做到最大程度的好。你自己在做自己的网页的时候或许可以保证在视觉上是居中的,但是如果让这个元素或者他的父元素变大了,你还能保证居中吗? vertical-align是个不错的属性,但是这个属性起初是针对表格的cell的。当然这个属性虽然对转载 2012-11-16 19:58:56 · 755 阅读 · 1 评论 -
css 命名规范及浏览器bug处理
初学DIV+CSS?有六个问题需要您关注一下!作为DIV+CSS初学者,如果在动手写代码之前对网页整体结构由一个清晰认识的话,写起来会事半功倍!但是,写的过程中总是有这样那样的问题,使得我们不得不停下来去查找资料,弄清属性定义等等! 其实有很多方法可以在提高我效率的同时让我们对DIC+CSS有更深刻的理解!下面我们列举几点:一、CSS命名规范: 1、文件命名规范 全局样式转载 2012-11-17 09:20:08 · 304 阅读 · 0 评论 -
详谈CSS网页布局中容易发生的错误编码http://www.52css.com/article.asp?id=1190
随着CSS网页布局越来越普及,国内大部分网站已经采用CSS网页布局的制作方法,现在52CSS.com也成为了CSS网页布局技术学习的先锋站点。在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误,帮助新手朋友更好的学习与进步。 一、检查HTML元素是否有拼写错误 是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有转载 2012-11-16 20:26:44 · 803 阅读 · 0 评论 -
CSS实例:元素之间margin边距控制的思路
有网友在52CSS.com的论坛提出疑问。各个元素之间有一个相等的边距。曾经用margin属性来控制相等的边距,可是由于各浏览器显示的效果不一样,不能达到要求。大家知道如何去做吗? 一般情况下,应用浮动和margin即可进行控制。 但很多门户类的网站,都应该了一个单独的div来实现这样的边框。但这并不可取。 合理的设置边距即可。 门户搜狐网站,52CSS.com作过一些转载 2012-11-16 20:13:48 · 517 阅读 · 0 评论 -
div+css 总结一
1.z-index属性: 决定层的先后顺序和覆盖关系,值高的元素会覆盖值比较低的元素。 默认的z-index为0"2.margin:0 auto;为居中margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right 因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)3.网页置顶对齐属性: *{ mar原创 2012-11-15 18:05:33 · 328 阅读 · 0 评论 -
DIV+CSS 综合效果展示
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 相对定位和绝对定位实例--作者:唐国辉 *{ margin:0px; padding:0px; } body {转载 2012-11-15 18:25:54 · 562 阅读 · 0 评论 -
div+css position 定位问题
1.定位的专业解释 相对定位(relative):对象不可层叠,依据left,right,top,bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。 2.定位的形象解释 自私的相对定位(relative) 相对定位一个最大特点是:自己通过定位跑开了还占用着原来的位置,不会让给他周围的诸如文本流之类的对象。相对定位也比较独立,做什么事它自己说了算,要转载 2012-11-15 18:22:44 · 780 阅读 · 0 评论 -
CSS分割图片
一张图片,用CSS分割成多个小图标。css样式: .icon{ background:url(../images/tabicons.png) no-repeat;width:18px; line-height:18px; display:inline-block;}.tu0101{background-position:-0px -0px;}.tu0201{backgrou转载 2012-12-10 10:24:49 · 1582 阅读 · 0 评论