易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS笔记

一、星号*
应该是个通配符。比如
<style type="text/css">
.roundBorder *
{
 background: white;
 display: block;
 height: 1px;
 overflow: hidden;
}
</style>
……
 <b class="roundBorder">
 <b class="roundBorderLayer3"></b>
 <b class="roundBorderLayer2"></b>
 <b class="roundBorderLayer1"></b>
</b>
那么这个roundBorderLayer1、2、3都会受这个.roundBorder *的定义影响。
二、继承
CSS可以有多重继承。如
        <div id="divTenet">
            <div style="font-size:16px;width:240px;">鸟0</div>
            <div><img src="img/k.gif" width="24" height="20" hspace="3" alt="鸟1"/>鸟1</div>
            <div><img src="img/jc.gif" width="21" height="23" hspace="3" alt="鸟2"/>鸟2</div>
            <div><img src="img/fx.gif" width="22" height="20" hspace="3" alt="鸟3"/>鸟3</div>
        </div>
CSS里可以这样定义里面的<IMG>:#divTenet div img{vertical-align:middle;}


相关文档:

CSS设计教程 例1-1 背景图片

从今天开始,CSS设计教程和大家见面了。每天一节,有学习的同学请每天关注我们网站。
例1-1 背景图片
第一个例子展示了对background属性的运用,本例子把background属性与一个div元素相结合。div的大小为250pxX76px,所以它会显示出一个完整的背景图片。
以下是本实例的详细程序,调试在Microsoft Visual Studio 2010版 ......

CSS 被忽略的常识


1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px
的区域,需要 200*200=40, 000 次,占用资源。
2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0;
只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资 ......

css 透明背景

<body style="background-color:#000" mce_style="background-color:#000">
<div style="background-color:#fff; width:500px; height:200px; filter:alpha(opacity='50'); opacity:0.5">这个背景是透明的</div>
</body>
/*IE*/  
filter:alpha(opacity='50');
/*FF*/   ......

ul li css 做横向菜单

转自http://www.w3cn.org/article/tips/2005/105.html
我们先来看一个菜单的例子,最终效果是:
 
第一步:建立一个无序列表
我们先建立一个无序列表,来建立菜单的结构。代码是:
<ul>
<li><a href="1">首页</a></li>
<li><a href="2">产品介绍</a></li> ......

CSS Reset(CSS复位)

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
     padding: 0;
     margin: 0;
}
fieldset, img {
     border: 0;
}
table {
     border-co ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号