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

Web开发 第二部分 CSS基础(一) CSS简介

CSS,层叠样式表的作用是什么?我们先通过一个例子来体会一下:
看代码:
index.html
<!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; charset=gb2312" />

<link href="style.css" rel="stylesheet" type="text/css" />
<title>级联样式表测试</title>
</head>
<body>
<div class="div-style">
<table class="table-style">
<caption>使用CSS的表格范例</caption>
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
<th>列4</th>
<th>列5</th>
</tr>
</thead>
<tbody>
<tr class="single-line">
<td>单元格1-1</td>
<td>单元格1-2</td>
<td>单元格1-3</td>
<td>单元格1-4</td>
<td>单元格1-5</td>
</tr>
<tr class="double-line">
<td>单元格2-1</td>
<td>单元格2-2</td>
<td>单元格2-3</td>
<td>单元格2-4</td>
<td>单元格2-5</td>
</tr>
<tr class="single-line">
<td>单元格3-1</td>
<td>单元格3-2</td>
<td>单元格3-3</td>
<td>单元格3-4</td>
<td>单元格3-5</td>
</tr>
<tr class="double-line">
<td>单元格4-1</td>
<td>单元格4-2</td>
<td>单元格4-3</td>
<td>单元格4-4</td>
<td>单元格4-5</td>
</tr>
<tr class="single-line">
<td>单元格5-1</td>
<td>单元格5-2</td>
<td>单元格5-3</td>
<td>单元格5-4</td&g


相关文档:

div+css实现页面局部打印

CSS实现局部打印
关键字: css实现局部打印
        在实现打印预览的时候,可以采用JS来完成这一功能,但这样会让所有在页面上的部分都答应出来,包括像“打印预览”这样的按钮也会打印,这样的情况,可以采用CSS来完成局部答应的功能。
     & ......

CSS,图片,预加载例子

预读内容对于部分网速慢,或者加载内容过多的页面,是非常有效的提高友好程度的方法。防止出现由于样式表,和关键图片加载滞后,导致的页面布局错乱,以及关键图片不能马上展示。
也可以防止由于页面信息加载不全,导致js出错。
经过一番尝试,此方法可以兼容IE及其他浏览器。
在IE下 用 new Image().src

的形式进行 ......

一个不错的input输入框的CSS设计

.inputbox {
        padding-left: 2px;
        border-top: 1px solid #9AA587;
        border-right: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #9A ......

最近自己在写javascript/html/css的树控件

    完成以下部分:
    1. 树可以接受singleXml格式和json以及jsonarray格式的数据;
    2. 复选框勾选和折叠子节点的逻辑用div嵌套来实现,效率更高;并提供了快速画树的方法;(存在bug:快速画树效率并不高,div嵌套有问题);
    3.增加树的深度 this.depth ......

CSS样式表设计的十条技巧


1.css 字体简写规则
  当使用css定义字体时你可能会这样做:
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
  font-style: italic;
  font-variant: small-caps;
  font-family: verdana,serif;
  
事实上你可以简写这些属性:
  font: 1em/1.5em bold italic small-caps ver ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号