韦奕-web前端开发

工作中遇到的问题，先简单记下，有空再完善。http://wenku.baidu.com/view/88b59331ee06eff9aef8077f.html

如上图所示，要做图中黄色区域的到期提醒，要求提醒的内容（提醒的内容是指黄色背景上的图标和文字）居中显示。 我将图中的惊叹号标识做为提醒内容的背景图片处理， 而这就要求内容区有一个高度，所以内容区必须是block-level的。 但block level的元素的宽度默认等于父元素的宽度，这样的话内容将从黄色左边界开始显示. 且设置text-align: center; 只能将文字居中而无法将背景

如题，看例子：Here gose the content....css文件中：.style1 { color: red;}.style1 { color: blue;}我原以为style1后添加， 最终应该应用的是style1的样式，即字体显示为红色。 可实际上却是显示了蓝色。 如此，只能说明 浏览器解析样式时 是按规则在样式表中的声明顺序，而非添加到元

http://www.w3cplus.com/css/css-selector-performance

深刻了解fixed定位的经典好例！http://meyerweb.com/eric/css/edge/complexspiral/glassy.html

如题,否则当页面改版时就可能出现下面的情况:目前手上做一个改版的项目,将以前旧版的页面改头换面, 其中包括将白色的页面背景换成浅灰色, 换过之后就出现了上面的情况. 因为在上面的这个模块中,使用了默认背景色transparent, 由于之前body的background-color是#FFF, 所以显示效果是符合设计意图的. 但当这次改变了body的背景色后, 显示就不对了.

本文摘自 《CSS权威指南第三版》，只是对学习过程中自己比较生疏的部分进行了摘记，所以可能不会满足所有人的胃口，有需要的朋友建议还是读读原书，值得一读的好书。Chp02 选择器（我只写不支持的情况，不写就表示支持。）子选择器 >相邻兄弟选择器 + (只能选择仅跟在后面的第一个兄弟)例：.second {color: red;}.second + li {colo

http://msdn.microsoft.com/en-us/library/bb250481%28VS.85%29.aspx

简介　　Web 开发中经常会遇到性能的问题，尤其是 Web 2.0 的应用。CSS 代码是控制页面显示样式与效果的最直接“工具”，但是在性能调优时他们通常被 Web 开发工程师所忽略，而事实上不规范的 CSS 会对页面渲染的效率有严重影响，尤其是对于结构复杂的 Web 2.0 页面，这种影响更是不可磨灭。所以，写出规范的、高性能的 CSS 代码会极大的提高应用程序的效率。本文主要来探讨一下如何

text-overflowword-wrapwhite-sapceword-break

转自 http://bbs.blueidea.com/thread-2818535-1-1.html

两列布局，要求占满整个页面，其中某列固定，另一列宽度自适应，另外要求两列的高度都要根据屏幕自适应，占满整屏。宽度好整，一列设宽，一列不设宽，只设margin-left或margin-right即可，然后固定宽度的那列position:absolute. 但高度比较麻烦，经测试发现，文档流中的元素设置height:100%无效，即不能拉伸高度以适应屏幕。原因尚且不明，不过先记下，昨天刚刚收到了新

曾经研究web前端优化时在网上多处看到这样一条建议，大意是：不要使用 css @import, 因为用这种方式加载css相当于把css放在了html底部。这一点我一直很疑惑： 为什么用@import就等于把css放在了页面底部？ 原理是什么？？ 但一直不得而知，直到今天，在google developers看到一篇文章，才豁然开朗，原来网上放在底部的说法是错的，真正的原因是。。