小秋博客

努力去创造属于自己的未来!

网页布局中的常见的兼容性问题

1.居中问题     div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto 2.高度问题     两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象;但在IE中,下面...

2015-01-14 15:47:26

阅读数:1190

评论数:0

通过CSS3 Media Query实现响应式Web设计

如今的屏幕分辨率,小至320px(iPhone),大到2560px甚至更高(大显示器),变化范围极大。除了使用传统的台式机,用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下,固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性,其布局结构要做到根据不同的设备及...

2015-01-14 15:43:51

阅读数:1216

评论数:1

什么是响应式Web设计?怎样进行?

眼下,几乎每个新客户都希望他们的网站可以有专门的移动设备版本。最完美的情况呐,就是为iPhone、iPad、黑莓、Kindle...各自打造一款——页面分辨率还必须兼容任何设备。谁知道未来5年内我们还需要为多少新发明的设备设计开发不同版本的页面?这种疯狂什么时候算个头? 在Web设计和开发领域,...

2015-01-14 15:03:40

阅读数:1127

评论数:0

30段超实用CSS代码

上周,研发频道发表了一篇“ Web开发者不容错过的20段CSS代码”,大家一致觉得很实用。该文是笔者对后30个的翻译,希望对大家有帮助。 1.花式连字符(&) 这个类应该在span元素里使用,并且里面包括&字符。它使用经典的serif字体和斜体来增强&符号。 ...

2013-07-08 15:34:58

阅读数:944

评论数:2

十个jQuery图片画廊插件推荐

jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片。当幻灯片已经成为网站的重要组成部分,jQuery的重要性不能被忽视。下面为你介绍了10个最有美感,创新性和创造性的jQuery图片画廊插件: 1.How to Create a Simple Slideshow us...

2011-01-04 11:50:00

阅读数:382

评论数:0

分享国外优秀JQueryPlugin–Booklet

<br />Booklet 是一个可以让你网页上的内容已一本连环册一样的样式展示出来的JQuery工具.它基于JQuery库.Codrops 写了一个教程,以指导我们如何初始化和使用这个工具.来创建一个JQuery的Moleskine notebook <br />&...

2011-01-04 10:56:00

阅读数:446

评论数:0

网站开发人员应该知道的62件事

近日,有人在Stack Overflow上发表提问“动手开发网站之前,需要知道哪些事情?”,众多人给出了不同的答案,同时所有人根据Stack Overflow问题下面的wiki区对众多答案进行了编辑,总结出62条网站开发人员应该知道的事。Web技术开发者阮一峰 把这62条答案进行了翻译 ,现转...

2010-11-29 17:28:00

阅读数:314

评论数:0

Web开发与设计语言大盘点

<br />在这个 Web 的时代,与 Web 相关的开发技术持续热门,从前端到后端,从标记语言到开发语言,各种技术交相辉映,沉沉浮浮,作为开发者,尤其是初级开发者,如何选择几门适合自己的开发语言尤为重要。本文是对所有 Web 相关开发语言的一次盘点,并指出其中最有前途的开发与设计语言...

2010-11-29 15:45:00

阅读数:345

评论数:0

20个学习CSS的绝佳网站——让你从入门到精通

<br />CSS(层叠样式表)是一种简单的设计语言,能够将页面变漂亮这回事儿变的简单化。在HTML和XHTML中设定页面的样式,这是最常用的应用。但也可以应用于 XML类的文档,包括SVG和XUL。他负责管理网页的设计和外观。使用CSS,你可以控制文字的颜色、字体、段落间距、分栏的数...

2010-09-30 15:15:00

阅读数:346

评论数:0

你需要了解的21个CSS惊人技巧

<br />级联样式表(CSS)在当代Web设计中已经成为重要的环节,如果没有CSS现在的网站将像10年前一样不堪入目。随着CSS技术的普及,越来越多的高质量CSS教程涌入互联网,让我们的学习更加方便。下面彬Go向大家推荐21个惊人的CSS技巧,相信其中必有你想不到的。还等什么,继续往...

2010-09-26 11:38:00

阅读数:335

评论数:0

实用HTML,CSS和JavaScript速查表

Vikas曾发表过一篇博文《Most Useful Cheat Sheet For HTML, CSS and Javascript》,为我们总结了一些实用的HTML,CSS和JavaScript速查表,并把链接附上了。速查表是帮你记住东西的有效工具。Web设计师和开发者经常使用的快捷键简表会使他...

2010-09-26 10:09:00

阅读数:601

评论数:0

设计人员要引以为戒的9个设计糟糕的网站

<br />Web网站设计对某些人来说可能很容易,但是对一个新手来说,这可能是一件很艰苦的事。在网上,我们总会碰到很多在界面设计、颜色搭配和整体内容安排上十分糟糕的网站。 <br />今天我们收集了一些在设计上非常糟糕的网站,在网上冲浪时可避免他们。这些网站有的在颜色设计方...

2010-09-26 10:02:00

阅读数:444

评论数:0

overflow :hidden详细解释

overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么...

2010-09-21 15:56:00

阅读数:394

评论数:0

实用HTML,CSS和JavaScript速查表

<br />Vikas曾发表过一篇博文《Most Useful Cheat Sheet For HTML, CSS and Javascript》,为我们总结了一些实用的HTML,CSS和JavaScript速查表,并把链接附上了。外刊IT评论对本文进行了翻译,现转载于此,供大家学习。...

2010-09-21 13:52:00

阅读数:305

评论数:0

细节决定成败——无CSS时网页的可读性

<br />先上示例,携程首页酒店模块的效果图如下:<br /><br />代码结构如下:<dl>  <dt>酒店</dt>  <dd>北京</dd>  <dd>上海</dd> ...

2010-09-16 12:30:00

阅读数:260

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭