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来完成局部答应的功能。
& ......
使用asp.net 开发wap 网站,在ishtml32下,如果手机浏览器支持ishtml32,但是 SupportsCss=False 时,想加载css文件时,采用重写mobile:form的方法来实现
using System;
using System.Configuration;
using System.Web.UI.MobileControls;
using System.Web.UI.MobileControls.Adapters;
public class MyForm : Form
{ ......
完成以下部分:
1. 树可以接受singleXml格式和json以及jsonarray格式的数据;
2. 复选框勾选和折叠子节点的逻辑用div嵌套来实现,效率更高;并提供了快速画树的方法;(存在bug:快速画树效率并不高,div嵌套有问题);
3.增加树的深度 this.depth ......
AJAX自从引进了Tab,着实让我开心了一番。但是,在调整Tab的样式的时候,也着实让我吃了一惊。
于是,抱着没有困难也要制造困难的原则,开始了征途:
按照Tab作者Ronald Buckton所说,Tab的CSS包含如下几个类:
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......
<html>
<head>
<mce:style type = "text/css"><!--
table
{
border-collapse:collapse;
}
td
{
border:solid 1px black;
}
--></mce:style><style type = "text/css" mce_bogus="1">table
{
border-collapse:collapse;
}
td
......