-
CSS+DIV让文本字符环绕在你的图片周围 日期:2012-12-29 08:41:28 点击:3 好评:0
看到上面的效果,你也许以为这是一张带文字的图片而已;呵呵,用你的鼠标去选取文字看看,发现了吧,这完完全全是一张图片和文字的组合,下面我就来介绍它是怎么做的。 先看看...
-
用CSS做滑动效果的图片画廊 日期:2012-12-29 08:41:28 点击:20 好评:0
代码如下: 以下是引用片段: style #galleryh { padding:0; margin:0 auto 5em auto; list-style-type:none; overflow:hidden; width:495px; height:240px; border:1px solid #888; background:#fff url(/imagelist/06/24/o9642o826u4n.gif); }...
-
DIV CSS网页布局:HTML结构化 DIV CSS网页布局入门指南 日期:2012-12-29 08:41:28 点击:4 好评:0
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考...
-
DIV CSS网页布局:实现让多个DIV排列时居中 日期:2012-12-29 08:41:28 点击:1 好评:0
Source Code to Run [www.fun52.com] Untitled Document body {text-align:center} #outer { width:60%; background:#ffffcc; margin:auto; text-align:center; } .inner { width:100px; height:100px; margin:5px; border:1px solid #000; } * html .inner {d...
-
WEB2.0标准教程:第二天 什么是名字空间 日期:2012-12-29 08:41:28 点击:3 好评:0
DOCTYPE声明好以后,接下来的代码是: htmlxmlns="http://www.w3.org/1999/xhtml"lang="gb2312" 通常我们HTML4.0的代码只是html,这里的"xmlns"是什么呢? 这个"xmlns"是XHTMLnamespace的缩写,叫做"名字空间"声明...
-
为什么设置的样式失效不起作用了?! 日期:2012-12-29 08:41:28 点击:28 好评:0
在某些时候,我们会遇到设置的样式不能应用于选择器所圈定元素, 我们所定义的样式没有起作用、失效了。这是为什么呢? 其实我们在多层定义样式时,需要考虑优先权的问题。 关...
-
DIV CSS网页布局:三行三列自适应高度的DIV布局 日期:2012-12-29 08:41:28 点击:35 好评:0
这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏来解决。现在加了脚本后,简单多了,假如有三个...
-
DIV CSS网页布局:最小高度(min-height)的妙用 日期:2012-12-29 08:41:28 点击:5 好评:0
最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera和Mozilla支持,IE7开始也支持了,但IE7处于测试阶段...
-
首字下沉与首行样式的如何实现? 日期:2012-12-29 08:41:28 点击:12 好评:0
首字下沉的效果我们可以用伪对象first-letter,需要与其它一些属性配合使用,font-size、float、padding等。伪对象first-letter参考:http://www.fun52.com/css/p_firstletter.html 我们来看下面的例子: h...
-
网页中可以竖写文字、象古代书籍那样排版吗? 日期:2012-12-29 08:41:28 点击:12 好评:0
在WEB设计领域内,会遇到各种各样的客户。而有些客户需要我们营造古色古香的网页风格。在通常的情况下,象古代书籍那样排版,我们只能过图片来实现,在Photoshop或fireworks中,处理...
-
DIV CSS网页布局:用CSS实现表单form布局 日期:2012-12-29 08:41:28 点击:5 好评:0
...
-
一个针对IE7的CSS Hack 日期:2012-12-29 08:41:28 点击:4 好评:0
IE7 修复了很多 bug,也增加了对一些选择符的支持,所以现在诸如 *html {} 和 htmlbody {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用,条件注释才是万无一失的过...
-
用CSS打造可折叠伸缩名片菜单 日期:2012-12-29 08:41:28 点击:3 好评:0
现看看其CSS样式表代码: 以下是引用片段: style type="text/css" !-- #menu { font-size:12px; height:380px; margin:0; padding:0; width:180px; overflow:hidden; background:#f0f0f0; list-style:none; border-left:1px solid #cccccc;...
-
CSS floats来创建三栏网页布局的方法 日期:2012-12-29 08:41:28 点击:3 好评:0
三栏布局是目前最常见的网页布局,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏,三栏占据整个页面的宽度,最后在页的底端放...
-
使用 CSS 创建固定宽度的布局 日期:2012-12-29 08:41:28 点击:4 好评:0
我最近的几篇专栏文章讨论了使用 XHTML 和 CSS 实现两列或三列页面布局的各个方面。到目前为止,所有例子都使用流式布局(也就是布局会自动扩展和适应浏览器窗口的宽度)。现在是...
-
页脚最小高度100%保持在页面底部的布局方法 日期:2012-12-29 08:41:28 点击:0 好评:0
有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子,但总感觉...
-
段落前面空两个字,不使用空格。怎么做? 日期:2012-12-29 08:41:28 点击:50 好评:0
段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。 text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 关于text-indent属性,可...
-
DIV+CSS相册 惊叹的效果! 日期:2012-12-29 08:41:28 点击:5 好评:0
这是子鼠制作的相册,完全用CSS来表现效果!非常棒,令人惊叹。 看下面的效果图: 运行查看最终效果: Source Code to Run [www.fun52.com] test div body{ margin:0; padding:0; font-size:12px; background:...
-
为什么在DreamWeaver编辑环境中CSS没有效果? 日期:2012-12-29 08:41:28 点击:0 好评:0
很多朋友在使用DreamWeaver的时候都会遇到这样的情况,如下图。 给当前编辑的文档链接了CSS文件,并对页面元素应用了定义的CSS样式,但在DreamWeaver中却看不到任何效果。 主要原因就是...
-
用PhotoShop两分钟完成一个xhtml+css首页 日期:2012-12-29 08:41:28 点击:0 好评:0
这是一个非常便捷的方法,但我们需要提醒你注意:这只是一种PhotoShop所提供的附带功能。并不能以此来完成xhtml+css网站的开发,此文仅作为消遣娱乐。因为PhotoShop所生成的代码是很不...