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

CSS的盒子模式(Box Model)

      CSS 中有个重要的概念,就是盒子模式(Box model)。
      盒子里由里至外依次是:
content 内容(比如文本、图片等)
padding 内边距
border 边框
margin 外边距
      padding属性用来设置元素内容到元素边框的距离。
      border属性用来设置一个元素的边线。
      margin属性用来设置一个元素所占空间的边缘到相邻元素之间的距离。
      CSS背景属性指的是content和padding区域。
      CSS属性中的width和height指的是content区域的宽和高。


相关文档:

CSS实现text overflow:ellipsis的效果

适用于只有一行文字的情况.
.ellipsis{
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflow是CSS3的属性,IE6以上版本、Safari、chrome 支持。它可以带2个参数:
clip [不显示省略标记(...),而是 ......

DIV + CSS 入门

一、什么是DIV+CSS?
“DIV + CSS” 是最新WEB标准的一个典型的应用。
一般来说,网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签,表现主要包括CSS(层叠样式表:Cascading Style Sheets), 行为主要包括例如对象模 ......

CSS 绝对定位学习

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charse ......

纯CSS制作三级菜单,可扩展无限


注明:如果要想要在IE6无限级的话需要写多一些JS,其他游览器都可以使用同段js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equ ......

css用expression来区分只读文本框


<style type="text/css">
<!--
input{ background:expression((this.readOnly &&this.readOnly==true)?"#CCCCCC":"")}
-->
</style>
<body>
<input type="text" name="" />
<input type="text" name="" readonly="readonly" />
expression:处理方式:
   ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号