共 526篇 前 10 页: 10    每页10篇 上一页   下一页  

自荐文章

〖摘要:〗
<!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=utf-8" />
<title>IMP_map CSS</title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
        border:none;
        }
    body{
        width:800px;
    &nbs
继续阅读其余的  6080 字
pear   2010-02-25 15:07:55 阅读:17  评论:0  引用:0
〖摘要:〗
null
继续阅读其余的  3394 字
pear   2010-02-23 12:27:06 阅读:13  评论:0  引用:0
〖摘要:〗
CSS命名规则   头:header   内容:content/containe   尾:footer   导航:nav   侧栏:sidebar   栏目:column   页面外围控制整体布局宽度:wrapper   左右中:left right center   登录条:loginbar   标志:logo   广告:banner   页面主体:main   热点:hot   新闻:news   下载:download   子导航:subnav   菜单:menu   子菜单:submenu   搜索:search   友情链接:friendlink   页脚:footer   版权:copyright   滚动:scroll   内容:content   标签页:tab   文章列表:list   提示信息:msg   小技巧:tips   栏目标题:title   加入:joinus   指南:guild   服务:service   注册:regsiter   状态:status   投票:vote   合作伙伴:partner XHTML文件中id的命名 (1)页面结构   容器: container   页头:header   内容:content/container   页面主体:main   页尾:footer   导航:nav   侧栏:sidebar   栏目:column   页面外围控制整体布局宽度:wrapper   左右中:left right center (2)导航   导航:nav   主导航:mainbav   子导航:subnav   顶导航:topnav   边导航:sidebar   左导航:leftsideba
继续阅读其余的  442 字
pear   2010-02-23 11:42:16 阅读:7  评论:0  引用:0
〖摘要:〗
<!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=utf-8" />
<title>高光按钮</title>
<style type="text/css">
body {
    width:500px;
    margin:50px auto;
}
a {
    color:#000;
    text-decoration:none;
}
.x_a {
    display:inline-block;  /* 元素与文字同行排列 */
    border-top:1px solid #d6d6d6;
   
继续阅读其余的  2807 字
pear   2010-02-22 14:56:55 阅读:16  评论:0  引用:0
〖摘要:〗
<!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=utf-8" />
<title>GOOGLE CONNER</title>
<style type="text/css">
body{
    font-size:12px;
    width:500px;
    margin:50px auto;
    }
a{
    color:#000;
    text-decoration:none;
   
    }
.g_a {
    display:in
继续阅读其余的  1568 字
pear   2010-02-22 14:23:40 阅读:13  评论:0  引用:0
〖摘要:〗
<title>表单验证类 Validator v1.05</title>
<style>
body,td{font:normal 12px Verdana;color:#333333}
input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff}
table{border-collapse:collapse;}
td{padding:3px}
input{height:20;}
textarea{width:80%;height:50px;overflow:auto;}
form{display:inline}
</style>
<table align="center">
<form name="theForm" id="demo" method="get" onSubmit="return Validator.Validate(this,2)">
<tr>
   <td>身份证号:</td><td><input
继续阅读其余的  28280 字
pear   2009-12-22 11:56:44 阅读:135  评论:0  引用:0
〖摘要:〗

兼容性一直都是个令人头痛的问题,下面简单总结火狐与IE的兼容性问题。

1. 超链接访问过后hover样式就不出现的问题
    被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A 

  1. <style type="text/css">  
  2.     <!--   
  3.         a:link {}  
  4.         a:visited {}  
  5.         a:hover {}  
  6.         a:active {}  继续阅读其余的  11059 字
pear   2009-12-16 18:23:55 阅读:53  评论:0  引用:0
〖摘要:〗
背景图像定位中我们要明确的几点:

1、两个值前面一个是横向的定位,我们称为x轴方向定位。后面一个值是纵向的定位,我们称为y轴方向定位。如果只有一个值,那默认的就是x轴方向,这时y轴方向就默认的是上下居中对齐,也就是center。
2、坐标轴的原点就是对应容器的左顶点。
3、这个坐标的y轴箭头朝下,也就是右下方(容器内部)x y的值才都为正。
4、x y值分别表示背景图片的左顶点相对于坐标原点(也就是容器的左顶点)的值。
5、x y的值可以用百分比或者px来表示。
6、x y也可以用“left、right、top、bottom、center”这五个对齐方式来表示,但注意:用“left、right、top、bottom、center”来表示的时候,应用的 是对齐规则,而不是坐标规则。x为left是表示图片的左边和容器的左边对齐,为right的时候表示图片的右边和容器的右边对其,y为top的时候表示 图片的顶部和容器的顶部对齐,为bottom时表示图片的底部和容器的底部对齐,x y等于center的时候表示居中对齐。
7、x y用百分比或者px表示的时候,其值可以为负数。我们应用坐标规则就很容易理解负数表示的意义,x为负数时候表示图片左顶点在容器左顶点的左侧,y为负数时表示图片的左顶点在容器的左定点的上方。也就是向左和向上超出容器的范围。

下面我用几个图示来说明一下几种情况,
继续阅读其余的  768 字
pear   2009-12-10 11:40:14 阅读:53  评论:0  引用:0
〖摘要:〗
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
    <div id="test"></div>
  <script type="text/javascript">
    var arr = ["1", "3", "4", "6", "8", "9&
继续阅读其余的  2122 字
pear   2009-12-10 09:42:09 阅读:13  评论:0  引用:0
〖摘要:〗
<!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=utf-8" />
<title>select option</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#imglist img").each(function(){
  var imgDemw  = $(this).width();
  var imgDemh  = $(this).height();
  //当图片宽度大于153时 高度按比例缩小
  if
继续阅读其余的  2659 字
pear   2009-12-03 17:48:41 阅读:54  评论:1  引用:0
Copyright@2008 powered by YuLog