标签「CSS」的文章列表

谈谈图标字体化遇到的一个坑

发表于 前端开发 - 图标字体化是解决 Retina 等的比较好的方法;本文也不在这里说如何去做,网上面的文章一大堆;具体来说说使用图标中,用户在自定义样式的文件中通过下面一条语句直接让 font-icon 显示为一个方框(Chrome下),带给用户的体验特别不好; * {font-family: '微软雅黑' !important;}... 阅读全文 »

博客前端重构总结

发表于 Web 开发 - 终于有时间了,周末闲下来,将博客的前端代码又重构了一版,说是重构,其实就是改改 CSS,将原先一些图片做的效果改用渐变等东西做了。界面基本没有大的变化,下面就是这次改变的一些心得 阅读全文 »

纯 CSS 的多级菜单

发表于 前端开发 - 周末,闲来无事,手有些痒痒,想写代码了,于是就有了这个纯 CSS 的多级菜单了,根据自己的理解写的,也没有跟其他人的对比。分享出来吧。 设计思路我的思路吧,其实主要就是 li>ul{display:none} 和 li:hover>ul{display:block} 这样实现鼠标悬停,子项显示的效果,再加上... 阅读全文 »

我自己的 reset.css 文件

发表于 前端开发 - Reset.css 文件用于重置 HTML 的默认样式,自己总结了大概半年,感觉现在还是比较适合自己的,所以就放出来供大家分享,俗话说:"没有最好,只有最适合",所以我只能说这份代码很适合我,大家仅供参考,有什么意见和建议的也可以留言回复我。还有,对于别人的 No CSS Reset... 阅读全文 »

另类方法在 Tip 中实现小三角

发表于 前端开发 - 以前 Tip 中实现小三角的大多数就是用图片实现,要么就是用 CSS 的 border 属性来实现三角,前段时间闲了无事看了下腾讯微博的 Tip,很有意思,tip 中的小箭头是用 "◆"(encode为:◆)字符模拟的。 用 "◆"... 阅读全文 »

overflow 的使用,用 css 截取标题

发表于 前端开发 - 在进行设计网页的时候,令设计者头疼之一的事是截取标题。假如我们设计的网页标题行只能显示 15 个字,再多了就会折行,很难看。但是谁能保证每次发布的信息标题都在 15 个字以内呢?这就需要用程序判断标题长度,超过 15... 阅读全文 »

HTML 最佳的清除浮动方法

发表于 前端开发 - 大家估计都遇到这种情况,就是父元素内的子元素设置为浮动,父元素的高度无法跟随子元素的高度而撑大,这就需要清除浮动,估计每个人都有自己的一种解决浮动的方法,而最多的方法应该就是下面这种方法: .clear{ clear: both; height: 0; overflow: hidden; }... 阅读全文 »

“11个class与1个id”一个 CSS 的权重问题

发表于 前端开发 - 今天看到一个关于 CSS 权重的问题:一个拥有 id 名和 class 名的 div 被十个 div 包含着,然后样式是: .a1 .a2 .a3 .a4 .a5 .a6 .a7 .a8 .a9 .a10 .a11 { color:red; } #b { color:green; } 阅读全文 »