明凯博客

关注网站技术,一个特立独行的程序员

样式

纯CSS3实现手风琴风格菜单的具体步骤

有朋友问我,我的demo里面的手风琴效果怎么做出来,看起来很漂亮,其实这个手风琴效果没用一点js,全部用css3来实现的。 如何使用纯CSS3创建手风琴风格菜单呢,菜单主要通过使用:target伪类来实现,教程中我们主要通过使用伪类:before和:target来定义样式,使用: […]

, ,

一款漂亮的表格样式

最近做一个邮件提醒功能,就想在网上找一个漂亮的表格样式,后来找到了这个,感觉还蛮好看的。 清秀干净比较简单。 代码预览 <style type="text/css"> /* CSS Document */ body { font: normal 1 […]

,

WordPress的日历样式定义

wordpress的默认模板里面没有显示日历,使我一度误以为它没有内置日历功能。今天才发现原来它内置有一个功能还算强大的日历,它可以区分显示有文章和没有文章的日期,点击有文章显示的日期还可以看到当天发表的所有文章,呵呵,这就是我所理解的“功能强大”了。默认的日历显示不怎么美观,可 […]

, ,

Input按钮和输入框默认样式的高度差别详解

很遗憾,写了这么多年的html,居然没有仔细研究过每个标签的默认样式。 今天在写输入框和按钮的时,不服气写hack,发现在号称最标准解析的firefox和chrome之间居然都存在一些细小的差异,。 一直很偷懒,认为input设置高度后,不仔细对比text和button之间的样式 […]

, ,

网页字体缩放样式-webkit-text-size-adjust的用法详解

1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;} 2、-webkit-text-size-adjust放在body上会导致页面缩放失效 3、bo […]

, , , ,