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
相关文档:
CSS实现局部打印
关键字: css实现局部打印
在实现打印预览的时候,可以采用JS来完成这一功能,但这样会让所有在页面上的部分都答应出来,包括像“打印预览”这样的按钮也会打印,这样的情况,可以采用CSS来完成局部答应的功能。
& ......
预读内容对于部分网速慢,或者加载内容过多的页面,是非常有效的提高友好程度的方法。防止出现由于样式表,和关键图片加载滞后,导致的页面布局错乱,以及关键图片不能马上展示。
也可以防止由于页面信息加载不全,导致js出错。
经过一番尝试,此方法可以兼容IE及其他浏览器。
在IE下 用 new Image().src
的形式进行 ......
.inputbox {
padding-left: 2px;
border-top: 1px solid #9AA587;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #9A ......
完成以下部分:
1. 树可以接受singleXml格式和json以及jsonarray格式的数据;
2. 复选框勾选和折叠子节点的逻辑用div嵌套来实现,效率更高;并提供了快速画树的方法;(存在bug:快速画树效率并不高,div嵌套有问题);
3.增加树的深度 this.depth ......
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 ......