css
文章平均质量分 64
OrangeJuiceMe
前端工程师
展开
-
字体抗锯齿属性:-webkit-font-smoothing
对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天,抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中,后由于某些原因从web标准中被移除了。但是,我们可以用以下两种定义进行抗锯齿渲染-webkit-font-smoothing: antialiased; /*chrome、safari*原创 2015-12-28 15:29:52 · 3125 阅读 · 0 评论 -
修改输入框placeholder的默认文字颜色
html5为input添加了属性placeholder,高级浏览器都支持这个属性,例如:默认的placeholder字体颜色是呈浅灰色,如果想改变这个默认颜色,解决方案如下::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /* Mozilla F转载 2016-01-22 17:19:57 · 2032 阅读 · 0 评论 -
css3样式前缀:-ms -moz -webkit -o
w3c发布了CSS3标准,但是各大主流浏览器并没有完全遵循这个标准,都有自己的实现。所以在实现某一效果时,为了让网页在各浏览器中都能被识别,常常需要写多行前缀不一样,属性一样的代码。-moz Firefox浏览器-webkit Chrome、Safari-ms IE浏览器-o Opera例如对元素的2D转换:transform:rotate(7deg);-原创 2016-01-09 20:15:16 · 5186 阅读 · 0 评论 -
css限制显示字数,文字长度超出部分用省略号表示
为了保证页面的美观整洁,在文字太多的时候,我们常需要隐藏超出长度的文字。在题目,名称,列表条目等地方常用到。(1).html中文字超出一行,省略超出部分,显示'...'如果这种情况比较多,可以取一个切合作用的类名用于复用。.line-limit-length {overflow: hidden;text-overflow: ellipsis;white-space: now原创 2016-03-09 19:18:04 · 86288 阅读 · 7 评论