摘要:
前面在《纯CSS制作的图形效果》一文中介绍了十六种CSS画各种不同图形的方法。今天花了点时间将这方面的制作成一份清单,方便大家急用时有地方可查。别的不多说了,直接看代码。为了节省时间,下面图形都采用的一个标签,可以是块元素也可以是行内元素,不过行内元素需要加上“display:block;”,唯一不同的是,在此用了不同的类名来区别,相关类名我放在了标题的后面,以便大家对应查看。1、正方形(square):CSS Code:.square { width: 100px; height:100px; background: #E5C3B2; } 上面的方法是,设置宽度和高度一致就可以实现正方形的效 阅读全文
posted @ 2012-03-19 16:54
爱睡觉的鱼
阅读(440)
评论(0)
推荐(0)
摘要:
我们写CSS的在写CSS总会碰到一些这样那样的问题,为了应付这些问题,我们需要一些特殊的技巧才能解决。今天这篇文章我收集了几个怪异的问题,放上来给大家分享,希望大家以后碰到这样的问题能得心应手的解决。Select最佳设置昨天在携程UED中看到一篇关于表单元素中的Select的设置的文章,写的很有意思,详细的不多说,截了里面的一张图来说明Select的在各浏览器的测试情况:最终得到select的最佳设置的值:select{height:22px; line-height:18px; padding:2px 0;font-size: 12px;} 详细的介绍参考:携程UED的《select的最佳预 阅读全文
posted @ 2012-03-19 16:40
爱睡觉的鱼
阅读(298)
评论(0)
推荐(1)
摘要:
在本篇文章中,我将讲述色彩理论的基础知识以及 3种简单的配色方案,以让你们在为 Web 站点选择色彩时能有把握。在后面的文章中,我将讲述如何简化这些色彩选择。听着别人对你设计的 Web 站点的赞扬,毕竟比苦心孤诣地去进行色彩选择更让你愉快。颜色、亮色、暗色 颜色,或色调,一般被划分为原色、间色、复色。原色包括红色、黄色和蓝色,它们被称为三原色,这是因为其它颜色不能调配出这三种颜色。在将三原色转换为 Web 颜色时,你可以将它们表示为十六进制的颜色代码,分别为 #ff0000,#ffff00 和 #0033cc,如图1所示:图1:原色和间色,以及它们的十六进制颜色代码 间色指红、黄、蓝三原色中的 阅读全文
posted @ 2012-03-19 09:48
爱睡觉的鱼
阅读(368)
评论(0)
推荐(0)
摘要:
暖色 vs. 冷色 在网站中使用互补色方案效果非常好,这是因为互补色方案同时包含暖色和冷色。使用暖色和冷色提供了一种对比的效果。同时,哪些颜色是暖色,哪些颜色是冷色,是很容易记住的,你在图8中就可以看到(在生成器网站上也可以看到)标出的暖色和冷色:图8:暖色和冷色 暖色是那些可以让你联想起夏天、太阳或火的颜色,包括色轮中从紫色起到黄色止的多种颜色。而冷色则是那些可以让你联想起春天、冰或水的颜色,包括色轮中从黄绿色起到紫色止的多种颜色。如果你仔细观察一下色轮,就会很快发现你选择一种主色后,生成器自动选出的相对应的互补色在冷暖色方面与主色是相反的。因此,如果你选择“暖”红色,相对应的互补色就是“冷 阅读全文
posted @ 2012-03-19 09:38
爱睡觉的鱼
阅读(613)
评论(0)
推荐(0)
浙公网安备 33010602011771号