• 瀑布流布局浅析【分享】

    web前端 杭州小白 瀑布流布局浅析 简介 如果你经常网上冲浪,这样参差不齐的多栏布局,是不是很眼熟啊? 类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量看到这样的形式呢。 这种布局适合于小数据块,每个数据...阅读全文
    作者:杭州-小白 | 分类:css, 分享 | 阅读:12,911 次 | 标签:, ,
    瀑布流布局浅析【分享】已关闭评论
  • 纯CSS实现导航

    web前端  杭州小白 群里有人用CSS实现纯CSS导航,其实这样网上也有很多的,不过下面的测试兼容还不错。发出来共享。 <style type=”text/css”> #nav{width:900px;height:33px;background:#188FE7;} #nav a{display:block;width:84px;height:33px;line-height:33px;float:left;text-align:center;color:#fff;position:relative; text-decoration:none;font-size:12px;} #na...阅读全文
    作者:杭州-小白 | 分类:CSS | 阅读:13,292 次 | 标签:, ,
    纯CSS实现导航已关闭评论
  • 固定广告,模拟position:fixed

    web前端,杭州小白 模拟position:fixed 网上很多固定层不动,背景动的案例,仿照弄了个。兼容性还可以的!!!一直固定住!!!同样可以用来做 返回顶部 的案例了。 请看demo 案例只是拿来参考的。能够举一反三才行!!! 还有感谢一位网友提供了另外一种做法 ,请看demo 阅读全文
    作者:杭州-小白 | 分类:CSS | 阅读:14,256 次 | 标签:, ,
    固定广告,模拟position:fixed已关闭评论
  • div边框border的艺术

    web前端 ,杭州小白的博客 在蓝色理想 上面 发现一个可以用纯CSS实现一个三角形的效果。CSS实现斜角的原理主要是利用了div两相互垂直的border的交界 group collaboration software. 是不是可以,请看demo,原来border还可以这样用!!! 阅读全文
    作者:杭州-小白 | 分类:CSS | 阅读:13,348 次 | 标签:, ,
    div边框border的艺术已关闭评论
  • IE兼容HTML 5新标签

    杭州-小白 在Google Code Project中,当然也有现成的代码供大家使用大概代码内容也就是上面所说的内容,只不过支持比较全面罢了,所以建议还是是直接加google上的代码吧: <!–[if IE]> <script src=”http://html5shim.googlecode.com/svn/trunk/html5.js”></script> <![endif]–> 还需要说的是如果不能达到预期效果,请你在CSS中加上一句,...阅读全文
    作者:杭州-小白 | 分类:CSS | 阅读:14,492 次 | 标签:,
  • div+css的一些小知识【分享】

    杭州小白 分享 1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如: <style type="text/css">   body {margin:0}   div { float:left; margin-left:10px; width:200px; height:200px...阅读全文
    作者:杭州-小白 | 分类:css, 分享 | 阅读:13,278 次 | 标签:
    div+css的一些小知识【分享】已关闭评论
  • chrome浏览器里不支持12号以下字体

    chrome浏览器里不支持12号以下字体 web前端 杭州-小白 其实是发现中文版的chrome浏览器里不支持12号以下字体,可以用这个 -webkit-text-size-adjust: none; 更新2013-01-21 使用-webkit-text-size-adjust应注意以下几点: 1、使用方法: .selector{-webkit-text-size-adjust:none;} 2、-webkit-text-size-adjust放在body上会导致页面缩放失效 3、body会继承定义在html的样式 4、用-...阅读全文
    作者:杭州-小白 | 分类:CSS | 阅读:14,817 次 | 标签:
    chrome浏览器里不支持12号以下字体已关闭评论
  • IE支持CSS3圆角属性

    下面是如何让IE支持CSS3圆角属性的2种方法,网上还有其他方式。在这里就不一一写了。 1.用ie-css3.htc 但还是有几点需要注意的是: 当你使用了这个htc文件后,你的CSS里面,只要写有box-shadow, -moz-box-shadow或-webkit-box-shadow的任何一种,IE就会渲染。 当使用了这个htc文件后,你不能这样写box-shadow: 0 0 10px red; 而应该是box-shadow: 0px 0px 10px red; 否则IE中会失效。 不...阅读全文
    作者:杭州-小白 | 分类:CSS | 阅读:14,155 次 | 标签:
    IE支持CSS3圆角属性已关闭评论
  • 文字强制换行

    web前端 杭州-小白 文字强制换行 就是有时候需要字母和数字强制换行的时候可以加上下面的css代码。 /*方式一*/ word-wrap: break-word; word-break: normal; /*方式二,感觉更好一点,table上面测试可行*/ word-wrap: break-word; word-break: break-all; 1234567 /*方式一*/word-wrap: break-word;...阅读全文
    作者:杭州-小白 | 分类:CSS | 阅读:14,212 次 | 标签: