jquery教程网

页面布局与规划
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面

的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有

了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第

一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件

将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图…

阅读全文>>

CSS教程之CSS截取字符串： 显示列表的时间可能后台取出的字符太长，一条显示不下，而换行又影响美观。 有很 多人是用程序控制截取字符串而达到自己想要的字数。那样做是不是觉得很麻烦呢？ 下面我就给大 家介绍一种不用程序控制而用CSS取代的方法： .text li { width:100px; overflow:hidden; white-space:nowrap; text- overflow:ellipsis; } 套用方法： <ul class=”text”> <li><a href=www.2008zzw.cn>这里是要显示的标题Continue Reading

阅读全文>>

浮动的表演和清除的自述

一、下面请看float。
大家好,我是float,欢

迎访问CSS家族,在CSS家族中,在当今CSS排版流行的年代,我可扮演着重要的角色哦。因为我的工作对网

页设计人员很有用，就像之前align帮助你们定位网页元素一样重要，但是我的功能似乎比align强多了

。接下来我将现场给你演示我的绝活，看细心点哦。当然也许我一下子不能把我所有的技巧给大家演示

，因为有些技巧本人也许一下子记不起来了，那就请那些对我比较了解的人来帮我补充补充

啰…

阅读全文>>

彻底弄

懂CSS盒子模式一

前言
如果你想尝试一下不用表格来排版网页，而是用CSS来排版你

的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你的上司

要你改变传统的表格排版方式，提高企业竞争力，那么你一定要接触到的一个知识点就是CSS的盒子模式

，这就是DIV排版的核心所在，传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容，

改用CSS排版后，就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。因为用这种方式排版的

网页代码简洁，更新方便，能兼容更多的浏览器，比如PDA设备也能正常浏览，所以放弃自己之前钟爱的

表格排版也是值得的，更重要的是CSS排版网页的优势远远不只这些，本人在这里就不多说，自己可以去

查找相关信息。

阅读全文>>

很多人都会遇到这

样的问题：如何使DIV居中,div垂直居中,div水平居中.
主要的样式定义如下：

body {TEXT

-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
这是最简单的方法

说明：
首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中

；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加

上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”

需要说明的是，如果你想用这个方法使整个

页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-

RIGHT: auto;MARGIN-LEFT: auto; 就可以了…

阅读全文>>

overflow:auto; height:160px; width:150px; scrollbar-face-color: #f1f1f1; scrollbar-shadow-color: #ffffff; scrollbar-highlight- color:#ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color: ffffff; 下面是 说明信息 －－－－－－－－－－－－－－－－－－－－－－－－－－－－ 据基准颜色自动调整Continue Reading

阅读全文>>

CSS3已经不是什么新事物了，更不是只是围绕 border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器 来铺上红地毯。你看，浏览器需要跟上了…… 注意：现在浏览器越来越多 尽管把玩CSS3是很有趣的事情——就像接下来我要演示的几 篇教程中表现的那样，但是需要了解的是，CSS3并没有被当前浏览器完全的支持。也就是说，如果你要 在你的网站中使用CSS3，请确认有针对不支持CSS3的浏览器的兼容方法。 CSS3所支持的浏览器状况： Firefox(3.05+…部分支持) Google Chrome(1.0.154+ …部分支持) Google Chrome(2.0.156+…较好支持) Internet Explorer(IE7, IE8 不支持) Opera(9.6+…很少支持) SafariContinue Reading

阅读全文>>

在字体上套用下面的样式就不会出现锯齿 现象了。 span { font: 46px “Microsoft YaHei”, Arial, Tahoma; font- weight:900; }

阅读全文>>

Jquery选择器 JQUERY找无规律 元素文本的办法 具有限定子节点选择器:$(“mix1[mix2]“):返回包 含mix2的mix1节点.如:$(“div[a]“):包含a标签的div. 这个和$(“div a”)不相同.后者表示div中的a 标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择器:$(“mix:condition”):mix 标签,并且满足限定条件. E:root:类型为E,并且是文档的根元素 E:nth-child(n):是其父元素的 第n个类型为E的子元素 ,基数从1开始 E:first-child:是其父元素的第1个类型为E的子元素 E:last-child:是其父元素的最后一个类型为E的子元素 E:only-child:且是其父元素的唯一一个 类型为E的子元素 E:empty:没有子元素（包括text节点）的类型为E的元素 E:enabledContinue Reading

阅读全文>>

以下代码放入body中： <script type=”text/javascript”> function SetCwinHeight(){ var bobo=document.getElementById(“bobo”); //iframe id if (document.getElementById){ if (bobo && !window.opera){ if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){ bobo.heightContinue Reading

阅读全文>>