madwoman_trista

摘要： @at-root和&的结合&在Sass中所起的作用，文章开头就简单的进行演示了。在@at-root中也同样可以配合&一起使用，下面我们同样来看几个用例：SCSS.foo { @at-root .bar & { color:gray; }}CSS.bar .foo { co... 阅读全文

摘要： 在SassConf大会上，给我们传递了Sass3.3的新特性。这些新特性有很多意义，特别是@at-root指令，这让你的代码会得更佳清洁。今天我们主要一起来了解Sass中的@at-root特性的使用规范。在具体了解@at-root规范之间，我们先来回忆Sass的嵌套功能。简单的来看一个示例。在我们的... 阅读全文

摘要： css中用一张背景图做页面的技术有什么优势？简单介绍一下CSSSprites 的优点：当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。实现方法：首先将小图片整合到一张大的图片... 阅读全文

摘要： 声明位于文档中的最前面的位置，处于 标签之前，此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。以下面这个 标签为例：在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "... 阅读全文

摘要： 很老的问题了，如今再次碰到，记录下来，给后来者方便！众所周知，在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己比较二，弄了个私有属性，导致以下问题的出现：按钮左右本身有2px的间距（FF私有属性写了padding:0 2px所致）；按钮文字居中是... 阅读全文

摘要： 在实际应用中，考虑到seo，很多button，icon都要用到inline-block和text-indent来处理，例如：Buttoncss我习惯写成这样.btn{display:inline-block; width:100px; height:23px; text-indent:-9999px... 阅读全文

摘要： 有这么一段HTML，请挑毛病： 哥写的不是HTML，是寂寞。 我说： 不要迷恋哥，哥只是一个传说这是原来雅虎一道笔试题（文字变了变），用了很多年了，还没有一个人完全答对过。＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 解答部分 ================出这道题的动机是，太多人觉得HTML太... 阅读全文

摘要： 有些字符，像(大于&gt&#62&“&” 号&amp&#38"双引号&quot&#34'单引号' IE不支持&#39其它常用字符实体:结果描述实体名实体数¢分 &cent&#162£磅 &pound&#163¥ 元 &yen&#165§部门 &sect&#... 阅读全文

摘要： 写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到了这一点吗？下面我们就从以下十二个方面一起来... 阅读全文

摘要： 最近做的项目中经常会用到margin的负值，这里就总结一下关于margin负值的5种使用及相关bug的解决。1. 在流动性布局中的应用如WordPress的两栏式不固定布局就是使用margin负值来实现的定位，属于左右margin负值在流动性布局中的应用。 左侧宽度固定 ... 阅读全文