Yinkan

Override any CSS style (even inline styles) no matter where it is defined

摘要：原文出处：http://justgeeks.blogspot.com/2008/09/override-any-css-style-even-inline.html关键在于 !important在存在其他样式，即使是内联样式的情况下，!important也可以修改样式。这样的好处是，对于ASP.NET某些的控件（比如GridView），可以控制其样式了。阅读全文

posted @ 2009-12-22 16:07 Yinkan 阅读(342) 评论(0) 推荐(0)

CSS驱动的下拉菜单

摘要： [代码]原理是通过 :hover来控制<li>的显示也消失。任何<li>中的<ul>都会被初始化为隐藏。当鼠标悬停的时候才会显示。但是IE6和更早的版本不支持li:hover。其他浏览器包括Safari for windows，firefox3，IE7，Opera都可以实现下拉菜单的效果。这个是在一本讨论JS的书上看到的方法。个人觉得如果需要制作相同的下拉菜单的... 阅读全文

posted @ 2008-11-26 10:33 Yinkan 阅读(258) 评论(0) 推荐(0)

CSS实现网页图片预加载

摘要： [代码]只要在HTML里加入 <div id="preloadedImages"></div> 这样一个语句就行。因为width和height都是0，所以不占位。在因为是inline元素，所以对其他元素没有影响。这样就可以预先加载了image1.png等图片。这个方法是网上看到的，同样的效果也可以通过JS实现或者在页面上布置不可见的 img 元素。值得注意的是这样类似有... 阅读全文

posted @ 2008-11-13 00:10 Yinkan 阅读(3318) 评论(1) 推荐(0)

overflow 及其属性

摘要：定义overflow 属性设置当元素的内容溢出其区域时发生的事情。继承性：No说明这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。值描述 visible 内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，但是浏览器不会显示供查看内容的滚动条。 scroll 内... 阅读全文

posted @ 2008-11-05 22:59 Yinkan 阅读(467) 评论(0) 推荐(0)

background背景窍门

摘要：突然想到一种方法，在用图片做圆角背景的时候，有很多种方法，但是至少需要3张图片（宽度确定的时候）。可以把三张图片和在一个图片里，利用background对于背景图片的定位可以使得只显示我们想要的那一部分，而其他的就不显示。好处是只用加载一张图片，而且图片路径不容易搞错。阅读全文

posted @ 2008-10-24 02:32 Yinkan 阅读(214) 评论(2) 推荐(0)

meta 标签举例

摘要： <META> 是放于 <HEAD> 与 </HEAD>之间的标记，功用与变化等对。 <meta name="Description" content="This is Chris's Home Page"> 该网页的描述，作用于搜索引擎的登录。 <meta name="Keywords" content="Chris, Web, Music, ... 阅读全文

posted @ 2008-10-19 18:57 Yinkan 阅读(225) 评论(0) 推荐(0)

对z-index的重新学习

摘要：定义z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）继承性：No说明该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。可能的值值描述auto默... 阅读全文

posted @ 2008-10-17 00:14 Yinkan 阅读(248) 评论(0) 推荐(0)

Eeic Meyer on CSS 之文字排列成曲线

摘要：把图片分割成这样的切片。宽略大于黑色部分，高度也可以分得更细。添加HTML [代码]添加CSS[代码]关键在于 float: left; clear: left; 浮动在左边，并且清除浮动，这样的话块级元素的图片就会到下一行去，而内联元素的文字不会。文字就会挨着图片形成弧线的排列。图片的左侧为背景色，这样可以造成假象，而右侧比较好的做法是透明，这样的话改变div#first背景色是可以不用改变图片... 阅读全文

posted @ 2008-10-06 21:03 Yinkan 阅读(954) 评论(0) 推荐(0)

Eeic Meyer on CSS 之背景半透明效果

摘要： CSS 并不支持任何形式上的半透明的效果。书上介绍了两种方法来达到半透明的效果。第一种是利用“半屏（halfscreen）”，是由Todd Fahrner 提出的。原理上就是利用相邻两个像素，使其中一个透明，另一个颜色的方法，达到半透明的效果。图片大小建议是10px*10px的大小，而不是2px*2px的图片，因为会使得浏览器严重变慢。起原因是下载那两个图片事实证明所用时间... 阅读全文

posted @ 2008-10-06 01:14 Yinkan 阅读(280) 评论(0) 推荐(0)

导航

公告