随笔分类 - html&css
摘要：本文也发表在我另一篇独立博客qingbob.com: 《答寒冬的面试题1》有关注前端和微博的朋友一定留意到了前一阵寒冬和玉伯关于前端面试的讨论，后来老赵和左耳朵耗子也加入其中，讨论带来了非常多的启发和思考——不久之前自己也经历了几轮面试，决心对自己的基础开始加强，正巧寒冬老师题目由浅入深，非常有代表性，有些概念自己也模糊，决心花时间把这些概念全部弄清楚，梳理一遍寒冬的微博原文如下面试的时候问个css的position属性能刷掉一半的人这是啥情况……其实这问题我本来打算的是可以顺着一路扯到normal flow、containing block、bfc、margin collapse，base
阅读全文
摘要：这篇也同时发布在我另一个独立博客http://qingbob.com这篇文章主要谈谈Nicolas对css命名的看法。还总结了一些其他前端团队的css规范供大家参考。Nicolas Gallagher可以说是一位大神级的人物。这篇文章About HTML semantics and front-end architecture是他它对css组织和命名的一些看法，也相当值得我们一读。这篇文章主要是谈html的语义(semantics)化。比如他反对class的命名以内容为驱动(content-derived)，比如这样<divclass="news"><h2
阅读全文
摘要：最近下决心整理一份对页面元素的组织规则和CSS的命名规则，因为深深感受到如果页面上元素太多，没有规则的命名和组织会让网页的维护性大打折扣。参考了几篇文章并且发散了一下，在这里和大家分享BEM(Block Element Modifier)本文同时也发表在另一个独立博客http://qingbob.com/blog/如何组织Html元素与如何进行CSS命名（上）如何组织页面上的元素，或者说安排元素之间的关系势必会对css命名产生影响；css命名也是对元素关系的映射。BEM这个方法把元素分为三类，代指Block,Element,Modifier。举个例子，通常我们会把页面分为header, bod
阅读全文
摘要：本文章仅供学习研究之用，不得用于非法途径，由此产生的相关责任本人概不负责。 电子书是个好东西，但自从百度，豆瓣，大幅度收费后，免费的资源越来越难找。而且一定要在他们的网站上浏览让人颇为不爽。 新浪的ishare算是后起之秀，是除csdn下载频道之后为数不多的一片净土。这个星期因为机缘偶然发现了新浪ishare的这个bug，能够突破一些下载的限制，在这里分享给大家。 我们看到新浪ishare有三种下载方式： 1.免费，很好，那就直接下载吧 2.需要积分，也没关系，注册账号可以送积分，实在不行上传些垃圾文件也行。 3.被上传者设为“仅供本人和好友下载”，如图所示：这个是最致命的，我着手解决的就是这
阅读全文
摘要：已兼容IE！之前不能兼容IE，给您的阅读带来不便十分抱歉，Sorry一．这篇博客的初衷 最近在准备一个下学期参加比赛的概念网站，希望能用到CSS3的新特性，比如background的background-clip或background-origin或border-image。但仅仅是依靠w3schools上的文档和说明发现很多臆想中的效果都实现不了。于是尝试在百度中搜素，结果资料也是少的可怜，反复转载的只有一篇来自怿飞博客的《background-clip与background-origin 的一则运用》,但毕竟是几年前的文章，其中的部分内容已经不适用于现在的标准了，其他的搜索结果也不是很理
阅读全文
摘要：前言：前阵子在做一个项目时，在页面布局方面遇到了一点小问题，于是上stackoverflow上求助。ifaou在帮助我解决我问题的同时，还推荐我阅读一篇有关CSS盒子模型的文章《The CSS Box Model》，阅读之后受益匪浅，才知道自己对盒子模型知识还是如此欠缺。恰逢学期末，项目验收后暂时告一段落，有空闲的时间。于是想把这篇文章翻译出来，一方面再给自己一点挑战和锻炼，另一方面也给大家参考，让更多的人受益。 这篇文章适合初级web设计朋友，让你对盒子模型有更近一步的理解。但是在阅读这篇文章之前你应该对盒子模型html等基础知识是有一定的了解，否则只会让你更加云里雾里。这篇文章不会像很多
阅读全文
