1、如何用ul制作一行菜单
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
<p>
样式：
<style type="text/css">
ul{
float:left;margin:auto;padding:auto;width:800px;list-style-type:none;
}
ul li{
display:inline;
}
ul li a{
float:left;padding-left:10px;padding-right:10px;color:#00FF00;background-color:#6600FF;text-decoration:none;border-right:1px solid white
}
a.hover{
background-color:#CC0099;
}
</style>
关键点：display:inline----使得li能连接在一起，以前一直设置li float:left，太麻烦了。 ......
一、用JQuery的Ajax加载XML并解析的注意事项
1、Content-Type
很多时候无法解析就是Content-Type的问题。如果本身就是XML文件，请跳过这一步。
动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本。 常见语言的Content-Type设置：
response.setHeader("ContentType","text/xml"); //jsp
response.ContentType= "text/xml"; //asp
header("Content-Type:text/xml"); //php
2、xml结构
XML一定要封闭的，很重要的！
<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student email="1">
<name>zhangsan</name>
<id>1</id>
</student>
<student email="2">
<name>lisi</name>
<id>2</id>
</student>
</stulist>
3、解析
$.ajax({
async: true, // 默认true(异步请求)
cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。
......
一、用JQuery的Ajax加载XML并解析的注意事项
1、Content-Type
很多时候无法解析就是Content-Type的问题。如果本身就是XML文件，请跳过这一步。
动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本。 常见语言的Content-Type设置：
response.setHeader("ContentType","text/xml"); //jsp
response.ContentType= "text/xml"; //asp
header("Content-Type:text/xml"); //php
2、xml结构
XML一定要封闭的，很重要的！
<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student email="1">
<name>zhangsan</name>
<id>1</id>
</student>
<student email="2">
<name>lisi</name>
<id>2</id>
</student>
</stulist>
3、解析
$.ajax({
async: true, // 默认true(异步请求)
cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。
......
<html >
<body style="margin:0;overflow:hidden">
<div>
<table style="width:100%;height:100%">
<!--<tr>
<td>
<div style="" align="center" >
here is header ling
</div>
</td>
</tr>-->
<tr>
<td style="height:100%;">
<div style="height:100%;overflow:auto;">
&n ......
<html >
<body style="margin:0;overflow:hidden">
<div>
<table style="width:100%;height:100%">
<!--<tr>
<td>
<div style="" align="center" >
here is header ling
</div>
</td>
</tr>-->
<tr>
<td style="height:100%;">
<div style="height:100%;overflow:auto;">
&n ......
从今天开始，CSS设计教程和大家见面了。每天一节，有学习的同学请每天关注我们网站。
例1－1 背景图片
第一个例子展示了对background属性的运用，本例子把background属性与一个div元素相结合。div的大小为250pxX76px，所以它会显示出一个完整的背景图片。
以下是本实例的详细程序，调试在Microsoft Visual Studio 2010版：
运行环境：
原代码如下：
<!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>
<title>背景图片</title>
<style>div {background:url("heading2.jpg") no-repeat; width:250px; height:76px;</style>
</head>
<body>
<h6>版权所有：雷建强</h6>
<h1>背景图片</h1>
<div></div>
</body>
</html>
保存为 背景图片.htm 后直接打开，就可以看到效果。
效果图如下：
如要源代码请到本人QQ294186203留言。 ......
方法一：
跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，
甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS
Hack技术有很多，具体可以查看：
本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果：
———————IE6—— IE7——IE8——FF2——FF3— Opera9.5
>property—— Y—— Y—— Y—— N—— N—— N
.property—— Y—— Y—— Y—&m ......
id和class到底要用哪一个？
首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。
id的优点（class的缺点）：id写在css用"#"选择器，class写在css中用"."选择器。"#"选择器的优先级高于"."选择器大约10倍，所以当你需要提升优先级的时候，id标签，或者id容器内的标签将是很容易和有效的。而class标签，或者class容器内的标签将可能导致优先级的提升失败。
id的缺点（class的优点）：id应该是唯一的，所以它的可复用性是很差的，而class是可以复用的。所以如果一块东西是多个页面，甚至一个页面都会使用多次的，那么一定要使用class来作为样式选择器。id是唯一的，当一个控件的id的产生是不可控的，那么这个id选择器将失去意义，但是任何一个控件即使是动态产生的，他的cssClass仍然是可定制的，所以当你的这个标签需要用服务器端控件替代的时候，而服务器端控件的id是不确定的，那么请使用class选择器，这样只要将服务器端控件的cssClass设为你class选择器的名称即可。（当然，这个还需要大量的经验的积累，项目做的多了就会逐步的改进）
padding和margin到底要用哪一个？
padding和margin可以让一块区域的外观� ......
最新文章 : css