CSS制作小箭头

    在西门大哥的博客中看到一篇文章:CSS实用小技巧,利用border属性实现一个标签做箭头,西门使用的是border,这里jucelin介绍另一种方法,用到的是一个特殊字符:◆。 演示:DEMO 代码:请狂击DEMO,然后右键,查看源代码(写得应该还算规范)。 主要用途:制作tips等。 实现原理:方法很简单,特殊字符◆就已经有了箭头的效果,那么用2个◆,用相对或绝对定位将他们完全重合,如果想做成向上的...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:2,243 ℃ | 标签:, , ,

    奇怪的浮动Float

    在百度知道搜资料的时候看到一个网友问了关于CSS浮动的问题,问题地址在这里,直接看代码: <body> <div style="background:red; height:100px; width:200px; float:left;">111111111111111</div> <div style="background:grey; height:100px; width:200px;">222222222222222</div> </body> 看了上面代码很简单,相信从理论...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:458 ℃ | 标签:, , , ,

    jQuery插件初识:Title提示插件jTipsShow

    jQuery插件多如牛毛,jQuery的高手也是随处可见,作为目前主流javascript框架,jQuery已经是无孔不入。咱也跟上时髦,做点特效,自己观赏观赏,并作为以后参考。高手有时间帮忙指导指导,先谢过。 一、写在前面的话: jucelin也是初学者,写这么个小插件用了一个上午的时间,真是会者不难,难者不会。虽说Title提示类插件已经有很多高手写出来了,如张鑫旭的jQuery万能浮动框插件,功能很强...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:1,194 ℃ | 标签:, , , , , ,

    CSS换行的那些事

    在CSS网页布局中,常常会遇到这样的问题,强制文字换行,而不是在一行内显示撑开容器影响布局。而有些时候可能会强制内容不换行,多出的 部分隐藏掉即可,关于强制不换行与强制换行的一些CSS属性52CSS.com作一些整理,希望能给大家的工作和学习提供参考。 先了解以下几个属性: 强制不换行 p.xx { white-space:nowrap; } 自动换行 p.xx { word-wrap: break-word; word-break: n...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:459 ℃ | 标签:, , , ,

    IE BUG:内联的图片超链接失效

    BUG描述下先:在标签<a>下加入<span>和<img>标签,并将<a>和<span>标签定义为display:block,设定大小,测试发现鼠标放在图片是不会显示手型,图片的链接也“失效”了(其实未失效,下面解释),点击没有任何效果,但点击<a>标签的空白位置,链接依然有效。 适用平台 IE6-8下出现,IE9未测试,Chrome正常。 BUG重现 下面是专门写的一个测试页面,有兴趣...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:1,055 ℃ | 标签:, , , , , , ,

    一份黑客写的情书

    hack技术学的再好, 却无法入侵你的心,服务器入侵的再多, 对你只有guest的权限,是我的ddos造成了你的拒绝服务? 还是我的webshell再次被你的anti-virus防护? 你总有防火墙 我始终停不掉 想提权 无奈jsp+mysql成为我们的障碍 找不到你的注入点 扫不到你的弱口令 所有对我的回应都用了MD5加密 你总是自定文件格式 我永远找不到你的入口点 忽略所有异常 读取内存代码 却还是跟踪不到你的注册码...阅读全文
    作者:jucelin | 分类:生活日志 | 阅读:962 ℃ | 标签:, , , ,

    网站到底还需不需要兼容IE6?

    现在的网站到底还需不需要兼容IE6?wordpress宣布将在下一代版本中不再兼容IE6,如此消息相信会让很多中国用户放弃对WP的进一步升级。前几日看到某设计师出售的最新主题,非常不错,唯一不足是不兼容IE6,留言问其原因,得到的回复是放弃对IE6兼容,而其主题在IE6下可谓是错乱不堪,一塌糊涂。 从CNZZ的统计数据来看,IE6在国内的使用率还是第一,如果加上那些穿上马甲的IE6,IE6依然位居...阅读全文
    作者:jucelin | 分类:生活日志 | 阅读:2,676 ℃ | 标签:, , , , ,

    高效 CSS 指南

    避免通用类 确保选择器不是以通用类结束。 不要用标签名或class来描述ID类 如果你有一个选择器是以ID类作为关键选择符,请不要添加多余标签名上去。因为ID是唯一的,你不要为了一个不存在的理由而降低了匹配的效率。 差 – button#backButton { } 差 – .menu-left#newMenuIcon { } 好 – #backButton { } 好 – #newMenuIcon { } 不要用标签名来描述 class 类 和上一条类似,所有的 class ...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:448 ℃ | 标签:, , ,

    分享个评论回复邮件的CSS样式

    前几日看到QQ空间发来的邮件,使用一个什么简单的样式,感觉不错就替换了现在模板中自带的评论回复邮件的模板,由于我现在使用的主题是Weisay提供的,评论回复功能在functions.php中自带的,只需简单的替换即可,其他朋友的邮件回复样式可能要到具体的文档找找了。整个代码相当简单,高手记得飘过哦~ 先看下面的演示: 您在jucelin博客上的留言有回复啦! Google, 您好! 您曾在 [jucelin]...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:850 ℃ | 标签:, ,

    [转]CSS常用的hack技巧

    在iteye上看到一篇介绍CSS常用的Hack的技巧,转过来自己Mark下。 color:red; /* 所有浏览器都支持 */ color:red !important;/* 除IE6外 */ _color:red; /* IE6支持 */ *color:red; /* IE6、IE7支持 */ +color:red;/*IE7支持*/ *+color:red; /* IE7支持 */ color:red\9; /* IE6、IE7、IE8、IE9支持 */ color:red\0; /* IE8、IE9支持 */ color:red\9\0;/*IE9...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:562 ℃ | 标签:, , , , ,

    非万能的vertical-align

    CSS属性中的vertical-align估计你并不陌生,小图标和文字不对齐,你肯定想到vertical-align:middle;,inputbox和文字不对齐,也可以用vertical-align:middle;解决,先说说怎么解决的吧,再谈谈不能用的时候。 特别强调的是,下面的这些情况主要是针对IE6的,个别不是专指IE6的会提出来。 图片和文字中间对齐 图片和文字在同一行,那么肯定会默认低端对齐,如果图片的高度比较高,那就会显得...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:1,039 ℃ | 标签:, , , ,

    IE下使用JavaScript画直线

    因为项目的需求,需要在客户端绘制直线,以达到2点连线的情况。首先想到的就是使用JS了。百度里面Google了下,用JS画直线可以实现,但问题比较大,最简单的就是使用IE的VML画直线,在非IE下基本上都是使用HTML5画直线或形状。 先看下下面的例子 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"><!--这里需要引入vml--> <head> &l...阅读全文
    作者:jucelin | 分类:前端设计 | 阅读:2,872 ℃ | 标签:, , , , , ,
更多