随笔分类 -  DIV+CSS

[转]我自己的css 九宫格
摘要：这段时间看回以前入门的CSS教程，发觉自已的CSS水平没太大的提高....郁闷....那么就做一个实例吧，自己也来动手做做九宫格吧.我还没有想到怎么做伸缩的九宫格，在这里我做的是可以横向伸缩的效果。只怪自己能力有限，先打打基础吧。我先用PS画了一个图，如下图：跟着就是切图:实际的布局：CTRL+ALT+SHIFT + S 输出。浏览输出的这个网页吧，再来看看代码:<TABLE WIDTH=1... 阅读全文
posted @ 2010-11-01 13:09 悦涵 阅读(1160) 评论(0) 推荐(0)
CSS技巧-修改FavoriteIcon
摘要：如何修改网站以及收藏夹中的Icon呢： <link href="resources/images/logo.ico" mce_href="resources/images/logo.ico" rel="shortcut icon" /> 注意：一定要使用ico文件，用其他文件会比较小。 http://ico.55.la/... 阅读全文
posted @ 2010-07-28 12:48 悦涵 阅读(1227) 评论(0) 推荐(0)
[转]Fast Rollovers Without Preload
摘要：When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results). We've got one image for each state (normal, hover, active, visited etc). Putting al... 阅读全文
posted @ 2010-07-18 13:43 悦涵 阅读(233) 评论(0) 推荐(0)
[转]CSS Sprites: Image Slicing’s Kiss of Death
摘要：这是一篇介绍CSS Sprites技术的文章。 Back when video games were still fun (we’re talking about the 8-bit glory days here), graphics were a much simpler matter by necessity. Bitmapped 2-dimensional character... 阅读全文
posted @ 2010-07-18 13:32 悦涵 阅读(700) 评论(0) 推荐(0)
13个浏览器测试和代码验证的途径
摘要：如果你的项目只是为自己，那你可以放任自己对浏览器兼容和代码是否通过验证的态度。但如果你是为客户做一个项目，那就需要最大程度的浏览器兼容和通过相应的代码验证，本文里面介绍了一些实用的工具和方法，能帮你快速的进行浏览器测试和代码验证。 HTML和CSS验证 1. W3C 验证 – HTML 可能大多数人都知道在线的W3C验证服务你可以通过链接地址进行验证，或者是上传文件或者直接提交代码。有很多的验证... 阅读全文
posted @ 2010-07-04 15:17 悦涵 阅读(360) 评论(0) 推荐(0)
精美网页集锦
摘要：http://www.erikotten.nl/7/一个用Flash做的展示性的网站，很炫 阅读全文
posted @ 2009-12-23 15:12 悦涵 阅读(190) 评论(0) 推荐(0)
转载非常不错的页面制作方法
摘要：做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。一、框架　　页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的需要，还应在“头”的下面还要加个“菜单&r... 阅读全文
posted @ 2009-12-02 16:20 悦涵 阅读(188) 评论(0) 推荐(0)
主流web2.0网站的配色参考方案
摘要：Shiny silver [#EEEEEE] Reddit white [#FFFFFF] Magnolia Mag.nolia [#F9F7ED] Interactive action yellow [#FFFF88] Qoop Mint [#CDEB8B] Gmail blue [#C3D9FF] Shadows Grey [#36393D] BoldMozilla Red [#FF1A00]... 阅读全文
posted @ 2009-12-02 16:10 悦涵 阅读(303) 评论(0) 推荐(0)
[转]div基本构架
摘要：<div id="container"> <div id="header">Header</div> <div id="wrapper"> <div id="content">Content</div> </div> <div id="navigation">Navigation</div>... 阅读全文
posted @ 2009-12-02 13:59 悦涵 阅读(243) 评论(0) 推荐(0)
display:inline-block
摘要：在使用CSS实现表现的时候，会经常接触到display:inline-block这一属性，无论是初接触Web标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block Quote: 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari... 阅读全文
posted @ 2009-11-10 23:37 悦涵 阅读(197) 评论(0) 推荐(0)