当前位置::主页 > TAG标签 > CSS
  • 使用 currentColor 属性写出更好的 CSS 代码

    原文地址: Writing better CSS with currentColor 本文已获得原作者 Alkshendra Maurya 的授权 译文出自: 掘金翻译计划 译者: yangzj1992 校对者: linpu.li , Nicolas(Yifei) Li 总有一些极其强大的 CSS 属性在目前已经有了很好的浏览器支持,但却很少被

    16-09-29
  • CSS分层动画可以让元素沿弧形路径运动

    原文: Moving along a curved path in CSS with layered animation 翻译: 涂鸦码龙 译者注:部分代码示例在原文中可以看效果(作者写在博文里面了…),我偷懒把它做成Gif图了。 CSS 的 animations (动画) 和 transitions(变换)擅于实现从点 A 到点 B

    16-01-15
  • Simple Grid:轻量级的响应式 CSS 网格系统

    Simple Grid 是一款响应式、轻量级的网格系统,1140PX的宽度包含12列,但是很容易适配各种尺寸的排版。 使用网格进行网页设计已经是潮流,但是现在有很多 CSS 框架都提供网格功能,用来控制网页上每个元素的位置,但是这些 CSS 框架都是太多功能,而有时我们

    15-12-26
  • 关于CSS[几乎]没人知道的3件事

    转载自 http://dwz.cn/JcXMM 你了解 CSS 吗?在六个月前,我提供了一个在线 免费 CSS 测试 系统。测试结果表明很多一线开发者并没有如他们所想的那样了解 CSS。目前有超过 3,000 人参加了该项测试,平均成绩只有 55 分。 但是,嘿,平均分本身并没有什么意思

    15-05-07
  • inline-block的前世与今生

    曾几何时,display:inline-block 已经深入「大街小巷」,随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了,上面的代码是为了兼容 IE6、7而已。那么你真的了解 inline-block 了吗?本文将

    13-05-04
  • 未知高度多行文本垂直居中

    近日,微博上有朋友比较纠结 未知高度的文本垂直居中 问题。这个和「未知高度图片垂直居中」有些类似,但是有一些细节需要注意。 这里有之前写的一个 未知宽高对话框的垂直居中 (拖动改变大小看是不是依然居中?),只不过对话框是相对于 viewport(视口)

    13-05-04
  • Github 上最受欢迎的一些 CSS 框架参考

    css框架其实很早就出现了,他产生的原因是css代码跟其他代码一样,很多时候是高度重复性的,经验丰富的工程师们都会总结出自己的可复用代码,以便应用到不同的项目之中,其中优秀且知名度高的就成了我们所熟悉的css框架,其实就是一套具有普适性的css代码。

    13-04-11
  • 彻底解决浮动引起的div不能撑开的问题,css技巧

    前端开发人员在学习别人的代码的时候肯定能经常看div style=clear:both;/div这样的代码,但是你真的能明白它是做什么用的吗?比如: div style=border:2px solid red; div style=float:left;width:80px;height:80px;border:1px solid blue;TEST DIV/div div s

    12-05-22
  • 不同type的input使用不同css的技巧

    input竟然可以创造出10个不同的东西: input type=text / 文本框 input type=password / 密码框 input type=submit / 提交按钮 input type=reset / 重置按钮 input type=radio / 单选框 input type=checkbox / 复选框 input type=button / 普通按钮 input ty

    12-04-27
  • 探究CSS display:inline|block|inline-block差异

    这里向大家描述一下CSS display:inline|block|inline-block三属性的区别和联系,block就是将元素显示为块级元素,inline就是将元素显示为行内元素,CSS display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在

    12-04-25
  • css中overflow:hidden详细解释

    overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。但是对于

    12-04-22
  • 5种方法立刻写出更好的CSS代码

    当然,每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗?开始用这5个Tips改进你的CSS吧! 1.重置 首先,很认真的告诉你, 总是要重置某些分类 。无论你是使用 Eric Meyer Reset 、 YUI Reset 或者你自己编写的重置代码,

    12-03-04
  • 注重SEO搜索优化的div+css命名规则

    搜索引擎可都是通过抓取你的网站源代码来进行亲密接触的,那么,如何才能更好地让搜索引擎的爬虫更快更准确地觉察到你的内容相关性,增强网站的搜索优化呢?可能从最基本的DIV+CSS的命名规则入手会有意想不到的收获,最基础的就是最有效的。

    12-03-04