作者：tinyhill 来自：蓝色理想 对 《5 个简单实用的 CSS 属性》进行编辑
1、CSS Clip
剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素：你必须指定其 position 属性为 absolute，然后指定相对于元素的 top，right，bottom，left 值。
图片剪辑实例（演示）
以下示例演示了如何使用 clip 属性掩盖一张图片。首先，指定 <div> 元素为 position:relative，然后指定 <img> 元素为 position:absolute，并且根据实际需要设定 rect 值。
.clip {
position: relative;
height: 130px;
width: 200px;
border: solid 1px #ccc;
}
.clip img {
position: absolute;
clip: rect(30px 165px 100px 30px);
}
图像调整尺寸和剪辑（演示）
在这个示例中，我将展示如何调整图像尺寸和剪辑图片。素材图片是矩形的，我想将其削减至 50％ 的尺寸，用来创建一个正方形格式的缩略图。因此，我用宽度和高度属性来调整图像，并使用 clip 剪辑属性予以掩盖。然后用 left 属性将图片移开左侧 15px 的距离。
.gallery li {
float: left;
margin: 0 10px 0 0;
......
.
Transparent
{
width
: 16px
;
height
: 42px
;
background
: transparent
url(images/transparent.png)
no-repeat
;
}
*
html
.
Transparent
{
background-color
: transparent
;
background-image
: none
;
filter
: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/
transparent.png",
sizingMethod="crop")
;
}
......
+++ 每搞IT的人都知道B/S系统的DIV+CSS结构，知道它的好。但如果你问，DIV+CSS结构是什么？好在哪里?实际项目应该如何体现或实现？每个人都能和你白伙几句，有些人甚至会滔滔不绝，而往往这些滔滔不绝的人也只是听另一些滔滔不绝的人说的，仅仅是“接收”并“接受”了信息，That is all，就像一张磁盘，也许连磁盘都不如……
+++ 他们究竟对DIV+CSS结构了解多少？我比较讨厌那些狗屁不懂，却又在那夸夸其谈、口若悬河、没事糊弄人、装逼的人……可是我们身边恰恰就有很多这样的人。所以，我希望还没有多少编程经验、热心于编写代码，并希望在这个领域有所作为的你，谦恭地向身边的“高手”求教，对事物抱有一定的审视态度，并认真对待那些只会装逼的“磁盘”人。
+++ 本文及其之后的几篇文章，在不断改进的过程中，演示DIV+CSS结构。这些东西完全是自己的体会，如有不妥之处请指证。下面从一个最最简单的例子开始。
+++ 程序描述
功能很简单，根据用户输入的条件，进行检索并显示检索结果。程序的组成如下：
1) 一个自定义类Oracle.cs。Oracle.cs类位于项目的App_Code里；
2) 一个页面Default.aspx；
......
最新文章 :