![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 56
midii
前端开发一枚
展开
-
未知高度多行文本垂直居中
近日,微博上有朋友比较纠结未知高度的文本垂直居中问题。这个和「未知高度图片垂直居中」有些类似,但是有一些细节需要注意。这里有之前写的一个未知宽高对话框的垂直居中(拖动改变大小看是不是依然居中?),只不过对话框是相对于 viewport(视口)居中的,这里的文字需要的是相对于容器垂直居中。拿到这样的需求时,先不要想着如何兼容 IE6/7。先想想文字垂直居中靠什么属性?vertical-ali转载 2013-05-11 12:15:24 · 754 阅读 · 0 评论 -
inline-block 前世今生
曾几何时,display:inline-block 已经深入「大街小巷」,随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了,上面的代码是为了兼容 IE6、7而已。那么你真的了解 inline-block 了吗?本文将带你深入剖析该属性值的前世今生,让你更好的理解和运用 inline-bl转载 2013-05-11 12:22:43 · 493 阅读 · 0 评论 -
css 继承
css哪些属性可以继承?1、textfont-familyfont-sizefont-stylefont-variantfont-weightfontletter-spacingline-heighttext-aligntext-indenttext-transformword-spacing所有主流浏览器都支持 font-weight 属性。ps:任何的版本的 IE(原创 2013-05-11 12:26:53 · 560 阅读 · 0 评论 -
那些年我们一起清除过的浮动
浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 (Enclosing转载 2013-05-11 12:19:41 · 387 阅读 · 0 评论 -
提高前端性能方面的处理以及不足
一,最最基本的CSS顶部, JS底部YUI compressor/GzipCDN 有必要的CSS SpriteAjax可缓存以上没什么好说的。二、CSS渲染、页面重绘以及回流尽量避免类似.a.b{}.list a{}以及其他一些复杂选择器,以提高整站整体CSS渲染。避免某些expression表达式,避免IE6的AlphaImageLoader png透明滤镜,可以试试转载 2013-05-11 12:29:19 · 720 阅读 · 0 评论 -
CSS框架-SASS 用法指南
一、什么是SASSSASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。假定转载 2013-09-13 15:42:18 · 764 阅读 · 0 评论 -
用:after清除浮动
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }.clearfix { *zoom:1;} 整段代码就相当于在浮动元素后面跟了个宽高为0的空div,然后设定它c转载 2013-12-19 18:12:17 · 1675 阅读 · 0 评论