CSS - 文章分类(第3页) - 西湖浪子

CSS中的滑动门技术

摘要：学习标准的朋友，一般都会在学习的过程中接触到CSS滑动门技术，或许大家也都看过这篇文章《CSS中的滑动门技术》，如果你还没接触过或还没看过上文或有点忘记内容，也没关系，可以点击上面的文章链接，先了解或温习一遍。在《CSS中的滑动门技术》一文中的滑动门例子，大家仔细实验，或许已经发现，链接区有9像素的盲点无法点击，而且在IE下，只能点击文字部分大小，不能点击整个按钮区块。而我们或许期望的是整个按钮... 阅读全文

posted @ 2007-10-27 13:55 西湖浪子阅读(575) 评论(0) 推荐(0)

Css实现表格奇偶行不同色

摘要：双色表格CSS实例首行首列首行首行首行首行首行行1首列行1 行1 行1 行1 行1 行2首列行2 行2 行2 行2 行2 行3首列行3 行3 行3 ... 阅读全文

posted @ 2007-10-27 13:53 西湖浪子阅读(2053) 评论(0) 推荐(0)

应用CSS在文章中显示省略号

摘要：容器名 { width:200px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } white-space:nowrap 是强制在一行内显示所有文本，不回行。 text-overflow:ellipsis CSS3新增的属性，IE6以上版本支持。参数： clip... 阅读全文

posted @ 2007-10-27 13:51 西湖浪子阅读(403) 评论(0) 推荐(0)

对css中绝对定位与相对定位的理解

摘要：刚开始学习css总弄不明白绝对定位与相对定位，现在多少了解了点。但是由于经验不多现阶段对于其运用仍不能深刻理解。下面的几段对两种定位的理解引用自蓝色理想网站。对于两种定位的实际应用还请高手们在评论里略加指导。定位的形象解释我先来架设一个虚拟的场景：有一个矩形的房间，里面还有一个水桶装了些水，水里还浸泡着一个西瓜，这个房间半空中还有不少的钩子用于挂东西用。现在我把网页元素与上面物件对应上，那... 阅读全文

posted @ 2007-10-27 13:50 西湖浪子阅读(267) 评论(0) 推荐(0)

用CSS实现圆角按钮的效果

摘要：Stu Nicholls | CSSplay | Another snazzy menu More snazzy border menus item #1 item #2 item #3 item #4 ... 阅读全文

posted @ 2007-10-27 13:47 西湖浪子阅读(2523) 评论(1) 推荐(1)

IE与Firefox下对CSS解析的区别

摘要：1、IE与Firefox下对CSS解析的区别,这是我在使用中的一些经验，拿出来和大家分享，希望大家继续对高度的解析 IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度。 Firefox：没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的情况；当定义了高度,但是内容超过高度时，内容会超出定义... 阅读全文

posted @ 2007-10-27 13:45 西湖浪子阅读(181) 评论(0) 推荐(0)

CSS制作的垂直导航菜单效果

摘要：chinahtml About History Team Offices Services Web Design Internet Marketing Hosting Domain Names Broadband Contact Us United Kingdom France USA Australia 阅读全文

posted @ 2007-10-27 13:40 西湖浪子阅读(339) 评论(0) 推荐(0)

CSS制作水平导航菜单效果

摘要：chinahtml About History Team Offices Services Web Design Internet Marketing Hosting Domain Names Broadband Contact Us ... 阅读全文

posted @ 2007-10-27 13:36 西湖浪子阅读(180) 评论(0) 推荐(0)

不错的二级菜单代码,采用CSS+JS

摘要：nav Home About History Team Offices Services Web Design Internet Marketing Hosting Domain Names Broadband ... 阅读全文

posted @ 2007-10-27 13:33 西湖浪子阅读(531) 评论(0) 推荐(0)

CSS样式如何控制行间距

摘要：用line-height 测试一下： 111 222 333 444 111 222 333 444 111 222 333 444 阅读全文

posted @ 2007-10-27 13:30 西湖浪子阅读(936) 评论(0) 推荐(0)

修改了一个DIV弹出窗口

摘要：DIV sexy box sexy box 阅读全文

posted @ 2007-10-27 13:29 西湖浪子阅读(465) 评论(0) 推荐(0)

css之background-repeat的几种属性

摘要：background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repeat-y四种属性值. no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示; repeat: 指背景图片横向和纵向重复连续显示; repeat-x: 指背景图片横向重复连续显示; rep... 阅读全文

posted @ 2007-10-27 13:23 西湖浪子阅读(491) 评论(0) 推荐(0)

解决DIV的高度设置问题

摘要：根据div+css网页布局的需要，我们有时候需要设置容器的高度为1px。而设置后在IE中预览，并不是所设置的样子，好象容器被撑开了，达不到想要的最小高度。其实这是IE的默认行高所引起的，解决的方法也有很多，下面我们例举了overflow:hidden、line-heigh两种方法。 overflow:hidden实现div最小高度 IT130.cn line-height实现... 阅读全文

posted @ 2007-10-27 13:17 西湖浪子阅读(2514) 评论(0) 推荐(0)

Indent，Outdent和hanging indent悬挂缩进的例子

摘要：indent：缩进，增加缩进 Outdent：减少缩进 hanging indent：悬挂缩进，又叫hanging paragraph，指除了第一行不缩进外，其余各行都缩进的效果。使用CSS实现悬挂缩进的效果，可以使用负的缩进来实现。下面是两种实现的方法：悬挂缩进的例子悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例子动法悬挂缩进的例... 阅读全文

posted @ 2007-10-27 13:16 西湖浪子阅读(1332) 评论(0) 推荐(0)

一般来说，TABLE默认情况下，TD的宽度会随着内容的变化而变化，而且宽度为内容的实际宽度，这样省去了很多容器自适应宽度的代码。

摘要：一般来说，TABLE默认情况下，TD的宽度会随着内容的变化而变化，而且宽度为内容的实际宽度，这样省去了很多容器自适应宽度的代码。由于DIV是block级别元素，DIV的默认宽度是100%的浏览器分辨率宽度。所以在DIV里面的内容不够多时，会有一大段留白：引用代码：测试DIV自适应宽度为正好能显示完内容输出效果：测试DIV自适应宽度为正好能显示完内容由以上的效果我们看到，确实有一大段的留... 阅读全文

posted @ 2007-10-27 13:13 西湖浪子阅读(3459) 评论(0) 推荐(0)

纯CSS的相册图片展示

摘要：先看看Demo吧：［效果演示：http://www.doyoe.com/model/xhtmlcss/style/imgview/1.htm］ CSS部分： a { font:bold 12px/20px "宋体",sans-serif; text-decoration:none; } #dyimgview { width:260px; } #dyimgview h3 { width... 阅读全文

posted @ 2007-10-27 13:11 西湖浪子阅读(449) 评论(0) 推荐(0)

图片在已固定宽度的DIV及TABLE中自适应

摘要：有一定web的经验的人都会了解，在固定的DIV或表格里放一张大过其宽高的图片，DIV或TABLE就会被图片撑开，使得原本精心布置好的页面被弄得一团糟。现在有一张200*200px的图片，我们将其放在宽定义为150px的容器里［红色代表容器的边框］，演示如下：引用代码：效果如下：上面的效果就是正常情况下会出现的，我们发现这张图片仍是以本身大小显示的，而它的容器则被撑大了。如何让图片能... 阅读全文

posted @ 2007-10-27 13:09 西湖浪子阅读(1883) 评论(0) 推荐(0)

让鼠标经过div,ul,li,tr,td等容器时，背景颜色改变

摘要：test 但"伟大的"Ie并不支持这样写... 只好通过定义onMouseOver事件和onMouseOut了,例如: 阅读全文

posted @ 2007-10-27 13:06 西湖浪子阅读(1648) 评论(0) 推荐(0)

web页面打印支持分页打印

摘要：无标题文档提示信息 asdf ... 阅读全文

posted @ 2007-10-27 13:03 西湖浪子阅读(257) 评论(0) 推荐(0)

网页技巧用UL实现非Table四行三列布局

摘要：下面是源代码： test 阅读全文

posted @ 2007-08-13 13:55 西湖浪子阅读(326) 评论(0) 推荐(0)

文章分类 - CSS