摘要： http://www.yutheme.cn/website/index.php/content/view/39/63.htmldiv高度自适应是个比较麻烦的问题，在朋友artery那里看到这个文章，帮我解决了不少问题，摘录下来:Div即父容器不根据内容自适应高度，我们看下面的代码：<div id="main"> <div id="content"></div></div> 当Content内容多时，即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了，但容器ma 阅读全文

摘要： http://www.ruanyifeng.com/blog/2012/06/sass.html一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。假定你已经安装好了Ruby，接着在命令行输入下面的命令： gem install sass然后，就可以使用了。2.2 使用SASS. 阅读全文

摘要： 记录优秀的前端网站和博客！HTML5&CSS3 入门教程：http://learn.shayhowe.com/html-css/交互，设计DEMO：http://tympanus.net/codrops前端、交互、设计的组件化：http://designmodo.comjq demohttp://css-tricks.com/github.comhttps://github.com/Brendan Eich，JavaScript 之父博客aminutewithbrendan.com/Douglas Crockford，JSLint 作者，《语言精粹》作者博客http://javascr 阅读全文

摘要： 前言：半途出家做Front End，以前只是大概知道点，现在就必须从头把css好好看看啦，呜呜~~~~~~一、基本选择器序号选择器含义1.*通用元素选择器，匹配任何元素2.E标签选择器，匹配所有使用E标签的元素3..infoclass选择器，匹配所有class属性中包含info的元素4.#footerid选择器，匹配所有id属性等于footer的元素二、多元素的组合选择器序号选择器含义5.E,F多元素选择器，同时匹配所有E元素或F元素，E和F之间用逗号分隔6.E F后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格分隔7.E > F子元素选择器，匹配所有E元素的子元素F8. 阅读全文

摘要： 1.使用自动外边距实现居中CSS中首选的让元素水平居中的方法就是使用margin属性——将元素的margin-left和margin-right属性设置为auto即可。在实际使用中，我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的一点就是，必须为该容器指定宽度：{ div#container{ margin-left:auto; margin-right:tuto; width:168px; }}此方法要求IE浏览器版本不能低于6.0。2.使用text-align实现居中另一种实现元素居中的方法是实用text-align属性，将该属性值设置为center并应用到body元 阅读全文

摘要： 原文网址：http://www.labnol.org/software/adobe-pdf-guide-tutorial/6296/Adobe公司的PDF格式是分享文件的最佳格式，因为它体积适中，能够保存样式，在绝大多数平台下都能够打开和处理。下面，我们将告诉你，如何应对你在使用PDF文件过程中，遇到的几乎所有问题，而且完全不需要你去购买Adobe Acrobat。内容包括编辑PDF文件、合并多个PDF文件、在PDF中加入签名、如何在线填写PDF表格、在PDF中加入超级链接等等。Q： 我没有Adobe Acrobat，如何创建PDF文件？A： 安装免费的DoPDF（该网站被屏蔽，中国大陆用户点 阅读全文

摘要： http://www.webjx.com/css/divcss-33180.html前几天在做腾讯微博的微卖场的时候，遇到需要做图片居中的需求。也就是说，商品列表中的图片需要居中显示。因为图片是卖家自己把商品图片链接过来，商品图片的大小没有做限制和过滤。所以我们需要做的是，让图片在容器当中水平居中、垂直居中、图片自适应容器大小。图片原图大小和在容器中显示的大小有这样的关系：假设容器大小为200像素*200像素，图片的宽为x 像素，高为y 像素，则：当x<=200,y<=200时，图片位于容器中的中间，即水平居中和垂直居中，显示在容器的图片大小为：宽=x，高=y ；当x>200 阅读全文

摘要： 一、viewport标签宽度——我们做Mobile Web开发的第一个需要趟的河，因为移动设备的碎片片太严重了。以iPhone上的Mobile Safari为例，可能是因为Mobile Safari在请求到刚才的网页后，假设它是一个为桌面浏览器设计的网站（实际上可能大多数移动浏览器都是这样认为的)。因此Mobile Safari假设网页宽度是980像素（不同的浏览器可能默认不同），同时将其缩小以便全部显示。如果我们的网页是专门为移动终端设计的，那么我们就需要 告诉移动浏览器不要以默认的宽度来显示。因此，我们需要使用viewport.对以上代码进行修改,如下：<meta name=&quo 阅读全文

摘要： 效果如图：p{margin:4px;}a[href^="http:"]{ background:url(images/window.gif) no-repeat left center; padding-left:18px; } /*匹配所有的有效超链接*/a[href$="pdf"]{ background:url(images/icon_pdf.gif) no-repeat left center; padding-left:18px; }/*匹配所有的pdf文件*/a[href$="xls"]{ background:url(i 阅读全文

摘要： 最近研究月影的《JavaScript王者归来》，会不间断的写一些读书笔记。一、概要需求清单1.支持鼠标点击按钮的操作方式2.提供普通的四则运算功能3.支持乘方开方、倒数、百分比功能4.提供记忆功能5.运算范围、精度达到要求6.运算异常时返回异常状态和异常提示信息7.提供清除并从异常恢复的功能二、系统设计1、系统用例图2、界面原型3、领域模型/功能设计一个用来保存中间计算结果的对象，初始值为0一个用来保存当前操作符的对象，初始值为0一个操作符与运算函数的映射表一个根据当前操作符来返回中间结果和当前数值运算结果的闭包一个保存记忆结果的对象用两个堆栈n和p来保存操作数a，b和操作函数o，需要计算的时 阅读全文