总结:css布局常犯的9中错误

2009/10/19 10:17  |  分类:Css

对于初学的同学来说会遇到的问题肯定会不少,当然问题也是五花八门,这里大概总结了几种常见的出现错误的地方,还有排除错误的简单的方法:
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
  即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

2. 检查CSS是否书写正确
  检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。

全文阅读 »

总结:CSS布局时常犯的9种错误

2009/10/19 10:15  |  分类:Css

对于初学的同学来说会遇到的问题肯定会不少,当然问题也是五花八门,这里大概总结了几种常见的出现错误的地方,还有排除错误的简单的方法:
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
  即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

2. 检查CSS是否书写正确
  检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。

全文阅读 »

jQuery制作TAB标签菜单

2009/10/14 17:05  |  分类:Javascript

 1、导言
现在,有很多网站使用的TAB标签,这样就能节约很打部分的网页空间。我看到了很多WordPress的网站中使用了一个效果,这确实是一个很好的办法,如果使用正确,它可以提高网站的可用性,首先,我们需要有思想和这个TAB标签设计结构。

我的想法:

在顶部按钮,内容放在在不同的DIV标签里,
点击其中一个按钮,它会显示相关的内容;
单击其他按钮,隐藏前一个凸显当前内容。

设计图:

tab-menu-diagram

全文阅读 »

ie 和ff对css的缩写都存在的问题

2009/10/14 11:15  |  分类:Css

1. 在IE里用body {text-align: center;}就可以居中对齐.到了firefox里总是在左边.但是如果加了float: right;还能到右边就是不能到中间..FF下面设置容器的左右外补丁为auto就可以了,如: margin:0 auto;
2. 是 ie对于css的magin padding 等默认值为0px,但ff却不一样,为了保持外观的统一性,即使padding为0你也要写上,以免ff在浏览中的错位。
3. 对css缩写的支持问题:不论是ie 还是ff对css的缩写都有一小点问题,比如:border: 0xp solid #fff;两个浏览器支持都没有问题,但如果四个边的magin不同情况下,就不能用这种缩写了,无论是ie还是ff又会出现边界解释错误,而导致页面变形
全文阅读 »

CSS Sprites的优缺点

2009/10/12 13:29  |  分类:Css

说起CSS Sprites我想大家肯定不陌生,因为它并不是一门新技术,目前它已经在网页开发中发展得较为成熟,但CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。随着Web设计向着精致、巧妙的方向发展,设计师们开始考虑使用非Javascript的方 式制作鼠标滑过、悬停菜单的效果,这时CSS Sprite应运而生。
  说白了,CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。
  当页面加载时,不是加载每个单独图片,而是一次加载整个组合图片。这是一个了不起的改进,它大大减少了HTTP请求的次数,减轻服务器压力,同时缩短了悬停加载图片所需要的时间延迟,使效果更流畅,不会停顿。
CSS Sprites优点
  CSS Sprites为什么突然跑火,跟能够提升网站性能有关。显而易见,这是它的巨大优点之一。
  1.利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能,这是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
  2.个人认为CSS Sprites能减少图片的字节,我曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。
全文阅读 »

轻松创建VIMEO头部网站样式

2009/09/27 16:10  |  分类:Css

我真的很喜欢顶端导航Vimeo.com风格。 我第一次看到它就想制作它。 而这正是我要在这教程。最喜欢的还属是下拉菜单,当你鼠标悬停在搜索框上, 它为你提供不同的搜索选项,您可以选择并缩小搜索范围,很方便,也很新颖。

点击此处下载该文件吧!

image

本教程是简单的CSS下拉菜单中的无序列表的基础,视觉的结构描述如下图:

image

你可以看到,我们UL有四个项目。 第一个是LOGO。 然后是登录链接,与子菜单和子菜单的搜索项目的帮助链接。 每个子菜单时显示正在悬停的相应链接。

全文阅读 »

AI制作一个立体饼图

2009/09/24 12:51  |  分类:Photoshop

开篇说点题外话,最近一直很忙,忙到没有心情,夜夜做梦。其实梦境有好有坏。

群友问我PS立体饼图怎么画,其实这个用AI要比PS快很多倍。

具体做法是:

1.新建一个画布,安自己尺寸。(要大画大,要小画小。)

2.工具栏中下部

1

点选饼图工具即可。

全文阅读 »

HTML4.0与XHTML1.0的区别

2009/09/22 12:17  |  分类:Xhtml

XHTML是XML的一个应用,一些在基于SGML的HTML 4中完全合法的习惯在XHTML中必须改变。编排良好性Well-formedness是[XML]引入的一个新概念。从本质上说,这意味着元素必须有结束标签,或者必须以特殊方式书写(在下面说明)。

  元素必须嵌套,尽管SGML规定层叠非法,但现有的浏览器普遍允许层叠。

  正确:嵌套元素。
  <p>here is an emphasized <em>paragraph</em>.</p>

  不正确:层叠元素。
  <p>here is an emphasized <em>paragraph.</p></em>

  元素和属性名必须小写
  对所有HTML元素和属性名,XHTML 文档必须使用小写。 因为XML是大小写敏感的,所以这个差别是必须的。如 <li> 和 <LI> 是不同的标签。

  对非空元素,必须使用结束标签
  在基于 SGML的 HTML 4 中,一些隐含结束意义的元素允许忽略结束标签。而在基于XML的XHTML中,这种忽略不被允许。除了在DTD中被声明为空的元素,所有元素必须有结束标签。

  正确:结束了的元素。
  <p>here is a paragraph.</p><p>here is another paragraph.</p>
全文阅读 »

IE8穿马甲-多账户登录

2009/09/16 15:37  |  分类:Life

相信不少人遇到过这样的问题,登录某个网站后,比如邮箱,在登录同一网站的另一个邮箱,先前的邮箱就会要求重新登录才可以正常使用,当然在开心网,QQ空间都是一样的。

以上问题,实际是因为浏览器的饼干,(cookie)捣的鬼,使用IE8可以解决此问题。启动IE8,先登录第一个账户,然后店主ALT激活菜单栏,选择“文件-新建会话”,打开第一个心的IE窗口,此时就可以使用第二个账户登录了,如果有第三个账户登录,可以重复上述方法。

原因:之所以可以使用多个账户登录,是因为新加回话生成的IE窗口,不会与原来的IE窗口公用COOKIE,所以对之前登录的账户就不会产生干扰了。

父容器内子容器浮动的高度自适应

2009/09/10 11:29  |  分类:Css

这是一个很简单的BUG,高手请绕行。

当一个子块浮动的时候,外面的父块高度就不以子块高度为标准了,也就是说,当子块浮动后,它不能够撑开父块,这个问题很容易解决。

方法是在父元素加上
overflow:auto;
zoom:1;  
解释一下:overflow:auto;是让高度自适应,zoom:1;是为了兼容IE6(注:在本人机子上IE6可以不加这句话),也可以用height:1%;的方式来解决。

最近确实比较忙,也没太多时间来认真写一篇文章了。哎,努力吧,为了生存。

Pages: Prev 1 2 3 4 5 6 7 8 ...30 31 32 Next