在前面，我们说过了链接文字的下划线的一些情况，现在我们考虑如何实现链接文字产生阴影？当鼠标移到链接文字上时，链接文字可以改变颜色，并产生一定的阴影而营造出立体效果，一定比较引人注目。 链接文字阴影效果CSS代码： ul,li{ margin:0px; padding:0px; list-sty...

2008-02-23 08:43:57

首先我们了解到，CSS网页布局的原理，就是按照HTML代码中对象声明的顺序，以流布局的方式来显示它，而流布局就不得不说到float浮动技术，在HTML中的所有对象，默认分为两种：块元素(block element)、内联元素(inline element)，虽然也存在着可变元素，但只是随上下文关...

2008-02-23 08:43:54

图片自动适应大小是一个非常常用的功能，在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制，我们可不可以用CSS控制图片使它自适应大小呢？ 我们想到了一个比较简单的解决方法，虽然不是非常的完美，如果您的要求不是非常高，已经可以满足你的需要了...

2008-02-23 08:43:51

如果容器内有两个浮动，并用CLEAR清除浮动。在ie下拖动滚动条时最外层的border会消失，如果给最外层加上宽度或者高度就不会出现。这是一个奇怪的现象，目前还不能解释是什么原因所导致的。看下面的示例： div style="margin:500px 100px 10px 100px;padding:50px;borde...

2008-02-23 08:43:44

background-color奇怪的进入相临元素 这是一个非常奇怪的现象。目前还不清楚它形成的具体原因是什么，background-color会奇怪的进入相临元素中。看下面的代码： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-tr...

2008-02-23 08:43:43

CSS 伪元素被用来将特殊的效果添加到某些选择器。 CSS 伪元素 (Pseudo-elements)实例： 制作首字母特效 本例演示如何向文本的首字母添加特效。 html head style type="text/css" p:first-letter { color: #ff0000; font-size:xx-large } /style /head body p You can u...

2008-02-23 08:43:48

Cascading Style Sheets（简称CSS），翻译为“层叠样式单”或“级联样式单”，又简称“样式表”。 CSS的引入是用来扩展HTML的，而不是用来替代HTML的。也就是说CSS离不开HTML，它只是一项辅助工具，是对HTML功能的一种补充。 CSS的优势 在CSS标准里，不仅重新定义了HTML...

2008-02-23 08:43:39

有时候，我们用CSS创建一个高度自适应布局，如何保证页脚（footer）在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法，兼...

2008-02-23 08:43:38

CSS定位属性允许你对元素进行定位。 CSS 定位 (Positioning)实例： 定位：相对定位 本例演示如何相对于其正常位置来定位元素。 html head style type="text/css" h2.pos_left { position:relative; left:-20px } h2.pos_right { position:relative; left:20px } /style...

2008-02-23 08:43:38

在一行内声明CSS 我们来对比下面两段代码： h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; } 第二种看起来的确格式化，但是不会在阅读上有任何帮...

2008-02-23 08:43:37