林中侠客

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  CSS

摘要:今天Twitter发布Bootstrap 2.0,修复了许多Bug,增加了不少新样式,同时Bootstrap的代码高亮也是一大亮点,与其他网站的代码高亮不同,淡淡的灰色调配上几个鲜艳而不刺眼的亮色点缀,相当漂亮,看了源码才知道,它是基于google-code-prettify的一套皮肤,于是我就决定... 阅读全文
posted @ 2014-11-10 16:33 林中侠客 阅读(4708) 评论(0) 推荐(0)

摘要:如何实现CSS限制字数,超出部份显示点点点...试试看试试看试试看试试看试试看试试看试试看试试看试试看试试看试试看语法:text-overflow : clip | ellipsis参数:clip : 不显示省略标记(...),而是简单的裁切(clip这个参数是不常用的!)ellipsis : ... 阅读全文
posted @ 2014-11-10 16:29 林中侠客 阅读(235) 评论(0) 推荐(0)

摘要:最近一直在玩一款消灭星星的消除类游戏,周末无聊就用js也写了一遍,感觉玩比写还困难一直玩不到10000分。废话不多说直接上源码。效果图(ps 页面有点难看木有美工)代码总共456行,未经过严格测试 1 2 3 4 5 6 消灭方块 7 8 9 17 18 19 ... 阅读全文
posted @ 2014-11-10 15:18 林中侠客 阅读(3942) 评论(32) 推荐(7)

摘要:CSS图片下面产生间隙的6种解决方案在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於 该问题的解决方法也是「见机行事」,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳, 供大家参考。1、将图片转换为块级对像即,设置img为:display:block;在本例中添加一组CSS代码:#sub img {display:block;}2、设置图片的垂直对齐方式即设置图片的vertical-align属性为「top,text-top,bottom,t 阅读全文
posted @ 2013-07-08 14:57 林中侠客 阅读(8951) 评论(0) 推荐(0)

摘要:若是一个页面要同时显示简体字,繁体字,那么gbk编码就足够了。但若是还要显示日文,韩文等,那就非utf-8不成了。在unicode里,u0800-u9FFF为中、韩、日字符。此中,中文的局限:u4e00-u9fa5,日文在u0800-u4e00,韩文为u9fa5以上。??? 但其实,用utf-8的话还是会有一个题目标。有一些汉字,在日文里也有应用,但写法和我们凡是的写法有略有不合,也还可以辩认。如下图,第一行是汉字凡是的写法,第二行是日文里的,写法上也略有变革。日文里该当就是直接用了中文,但因为汗青上汉字就有很多异形字,两国各自标准化时采取的写法不一样。如许该当编成两个字符还是一个字符,确切也 阅读全文
posted @ 2012-12-15 16:27 林中侠客 阅读(252) 评论(0) 推荐(0)

摘要:1 <style> 2 #main{ 3 margin-right:auto; 4 margin-left:auto; 5 padding-top:30px; 6 height:auto !important;/*FF*/ 7 height:100px;/*IE*/ 8 background-color:#FFF; 9 border-width:1px;10 border-style:solid;11 border-color:#000;12 }13 #main:after{content:"blue";height:0;display:block;clear: 阅读全文
posted @ 2012-12-04 15:39 林中侠客 阅读(389) 评论(0) 推荐(0)