mmrsdym的专栏

看到一道面试题：有 10000 个子元素，如何将这 10000 个颠倒顺序。-------------要求是效率尽量要高。不光是算法效率，还要考虑DOM元素操作的效率。大家有什么想法？还有就是遇到类似这种问题解题技巧？测试/*看到一道面试题：有 10000 个子元素，如何将这 10000 个颠倒顺序。-------------要求是效率尽量要高。不光

输入框高亮，文字上下居中input,textarea,select { border:1px solid #ccc; font-family:inherit; font-size:inherit; *font-size:100%; /* IE * font-weight:inherit; outline:none; -moz-bor

使用@font-face 来进行字体的引入之前，得先找好字体文件，其中中文字体文件的寻找和处理遇到的情况不过如下：1.下载字体：找字网：http://www.zhaozi.cn/html/fonts/china/index.php2.通常下载到的字体格式为 .ttf 的，为了兼容所有浏览器，需要额外生成 .eot , woff, svg格式的文件, 网上有很多文件转换的

转自：http://www.china125.com/design/css/4240.htm作为网页设计师都知道网页中的HTML文字大多都会选用一些常用字体，比如“宋体”“黑体”等，因为这些字体在多数电脑中都有被安装，然而如果想用一些特殊字体的话，一般都会将这些字体转为图片，原因也是由于使用的很多字体在许多电脑中并不存在。其实解决这种字体文字并不难，本文推荐的方法就十分管用，通过CSS中的UR

来自：http://www.javascript100.com/?p=756浏览器默认的滚动条样子太过屌丝了，得自己动手整整。记得IE浏览器有几个设置滚条的样式，不过比较鸡肋，只能设置颜色之类的，而且webkit下面也不支持。无意间看到网易邮箱的滚动条样子很好看，一开始以为是用div模拟的，结果一看，吼吼，正合我意，利用的CSS来设置的，而且是webkit浏览器的。

转自：一：绝对定位position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。绝对定位与文档流无关，所以它们可以覆盖页面上其他的元素，可以通过z-index属性来控制这些层的对方顺序。#box_relati

转自：http://www.wufangbo.com/css-reset-write/

转自：前端开发-武方博

转自：http://blog.sina.com.cn/s/blog_4c18fb7f01015au0.html

布局3——固定浮动布局，特点：3. 固定浮动布局  规格：固定大小，不能随着视窗改变  采用：浮动布局  兼容：兼容当前主流浏览器实践部分html代码css代码// 1.所谓固定浮动——固定大小，不能随着视窗改变// 2.固定——设置块状width为像素值// 3.中间两列的浮动——首先在两列下方在加一层块（div）,//   将左导航（nav）和右内容（m

接着第一篇布局（一）——流体浮动三列布局，我进一步学习了流体定位布局，在布局一的代码基础上进行了一些修改，这里做作总结。流体定位三列布局代码实现html代码css文件代码：//1.流体定位核心——没有float设置，而用position：absolute进行设置//2.三列设置技巧——左右两列设置为绝对定位，中间的块采用漂移法控制与左右块的间距// 3.注意事项：

今天看李炎恢老师的视频教程，学习了流体浮动布局，跟着教程写了流体浮动三列布局的代码，其中有一些自己的理解，总结一下，便于自己以后查看。    根据李炎恢老师总结的4种布局，分为：    1.流体浮动布局    2. 流体定位布局    3. 固定浮动布局    4. 固定定位布局1. 流体浮动布局（可使不同大小的浏览器布满；缺点：易错位）规格：当视窗变化时跟着变化  采用：浮动布

转自：http://sojuker.blog.163.com/blog/static/1387908792012760243916/1、基本概念1.  基线、底线、顶线、中线注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2. 内容区内容区是指底线和顶线包裹的区域（行内元素display：inline可

转自：http://blog.jobbole.com/28681/LESS 背景介绍LESS 提供了多种方式能平滑的将写好的代码转化成标准 CSS 代码，在很多流行的框架和工具盒中已经能经常看到 LESS 的身影了（例如 Twitter 提供的 bootstrap 库就使用了 LESS）。那么，LESS 是从何而来呢？它和 SASS 等样式表语言又有何区别呢？图 1.LES

转自：http://www.html5cn.org/article-4433-1.html

转自：http://blog.jobbole.com/37112/很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家写在前面的话：由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。如果读者理解CSS盒子模型，但对于浮动不理解，那么这

英文原文：Be a CSS Team Player: CSS Best Practices for Team-Based Development，编译：w3cplus – D姐你有过多少次接手别人开发过的项目，却发现作者的代码思路一团糟吗？或是你跟几个团队成员合作开发，他们每个人都有自己书写代码的方式吗？或是你重新回顾你多年前开发的项目，不记得当初是怎么想的？我总是遇到这种事情

CSS Font-Size: em、 px 、pt 、Percent一、基础介绍1、“Ems”: em，大小不固定 ,成为相对单位（body则相对浏览器的默认字体设置，子集相对父级）， 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展，2em = 32px , 目前常用的字体大小px换算成em ,16px = 1em; 14px = 0.875em; 12p

1.常用清除浮动的方式（优雅）.clearfix:before,.clearfix:after{ content:' '; display:table;}.clearfix:after{ clear:both;}.clearfix { *zoom: 1; /*兼容低版本IE*/}2.BFC概念及布局参考资料（1）CSS深入理解流体特性和