<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>守望者--AIR技术交流 - CSS</title>
    <link>http://www.airmyth.com/forum-83-1.html</link>
    <description>Latest 20 threads of CSS</description>
    <copyright>Copyright(C) 守望者--AIR技术交流</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Wed, 22 Jul 2026 04:25:34 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>http://www.airmyth.com/static/image/common/logo_88_31.gif</url>
      <title>守望者--AIR技术交流</title>
      <link>http://www.airmyth.com/</link>
    </image>
    <item>
      <title>辨析Sass中的Map和List</title>
      <link>http://www.airmyth.com/thread-1847-1-1.html</link>
      <description><![CDATA[来源：http://www.w3cplus.com/preprocessor/sass-maps-vs-nested-lists.html如果你使用过 Sass 3.3 之前的版本，那么你一定对那段时光颇有感触，那时候没有现如今这么好的条件，那时候的&amp;nbsp;Map&amp;nbsp;还只能用多重列表（lists of list）来模拟。多重列表可以实现复杂 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 18 Aug 2016 08:34:04 +0000</pubDate>
    </item>
    <item>
      <title>使用Sass制作菱形网格布局</title>
      <link>http://www.airmyth.com/thread-1846-1-1.html</link>
      <description><![CDATA[来源：http://www.w3cplus.com/preprocessor/diamond-grid-using-sass.html自从我从事 WEB 开发以来，一直都在规规矩矩地使用标准的栅格布局。直到有一次在公司跟实习生交流时，我意识到开发者的思维已经被条条框框固定住了。这里并不是想说栅格布局这种规规矩矩的布局 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 18 Aug 2016 08:31:43 +0000</pubDate>
    </item>
    <item>
      <title>Sass的表达式和控制命令</title>
      <link>http://www.airmyth.com/thread-1845-1-1.html</link>
      <description><![CDATA[来源：http://www.w3cplus.com/preprocessor/sass-basics-control-directives-expressions.html如果你深入地使用过 Sass，那么一定会接触过 mixin。一个独立的 mixin 往往聚合了大量的控制指令来实现复杂的功能。在本文中我们就将这些控制指令和表达式做一些讲解和实践 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 18 Aug 2016 08:30:20 +0000</pubDate>
    </item>
    <item>
      <title>Sass绘制多边形</title>
      <link>http://www.airmyth.com/thread-1844-1-1.html</link>
      <description><![CDATA[来源：http://www.w3cplus.com/preprocessor/creat-css-polygon-wiht-border-and-clip-path-property.htmlCSS画图形在Web运用中时常看到，比如三角形、五角星，心形，Ribbon等。不过以前使用CSS绘制图形一般都是借助于border来绘制，但这样的方式受到一定的限制，而且实 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 18 Aug 2016 08:26:56 +0000</pubDate>
    </item>
    <item>
      <title>Mark Otto（马克奥托）的BootStrap.less</title>
      <link>http://www.airmyth.com/thread-1843-1-1.html</link>
      <description><![CDATA[来源：http://www.w3cplus.com/blog/123.html前面在《CSS——Bootstrap From Twitter》和《CSS——LESS》中介绍了Mark Otto（马克奥托）写的《BootStrap from twitter》以及Alexis Sellier写的LESS。前者Mark Otto（马克奥托）给我们介绍了一种关于前端开发的一种全新的 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 18 Aug 2016 08:20:28 +0000</pubDate>
    </item>
    <item>
      <title>CSS——LESS</title>
      <link>http://www.airmyth.com/thread-1842-1-1.html</link>
      <description><![CDATA[来源：http://www.w3cplus.com/css/less去年就初次接触了LESS,并用他制作了一个Less.org的首页页面，但由于CSS的固有模式，没有让自己喜欢上他。由于前段时间学习bootstrap from twitter再次让我接触了这个Less（我在《CSS——Bootstrap From Twitter》有简单的提到过Le ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 18 Aug 2016 08:17:48 +0000</pubDate>
    </item>
    <item>
      <title>用 CSS 实现三角形与平行四边形</title>
      <link>http://www.airmyth.com/thread-1815-1-1.html</link>
      <description><![CDATA[来源：http://div.io/topic/1238本文最初发布于我的个人博客：咀嚼之味最近在逛某个技术网站的时候，感觉文章关键词上的样式好酷炫啊。于是我将那种写法照搬到了我的博客中，也许最近逛过我博客的小伙伴已经发现了它出现在哪儿了——分页的样式。来张截图：你在首页的底 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Mon, 15 Aug 2016 06:46:51 +0000</pubDate>
    </item>
    <item>
      <title>你真的懂float吗</title>
      <link>http://www.airmyth.com/thread-1814-1-1.html</link>
      <description><![CDATA[你真的懂float吗？前言相信很多人都用过float属性，也知道float是干嘛的，但是在实际项目中有时候用起来往往不是想象中的结果，或者对为什么出现这样的结果不理解。现在我也来浅谈一下float相关的事情，请大家不要吐槽，积极给予我掌声，我会表面拒绝的，然后内心欣然接 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Mon, 15 Aug 2016 06:28:53 +0000</pubDate>
    </item>
    <item>
      <title>POSTCSS快速入门使用</title>
      <link>http://www.airmyth.com/thread-1812-1-1.html</link>
      <description><![CDATA[来源：http://div.io/topic/1575| 原文链接：&amp;nbsp;http://aotu.io/notes/2015/10/13/start-postcss/初识PostCSS如果你第一次听说PostCSS这个东西，那么请看下面摘自官方Github的介绍：PostCSS is a tool for transforming CSS with JS Plugins. These plugins can supp ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Mon, 15 Aug 2016 04:01:45 +0000</pubDate>
    </item>
    <item>
      <title>Stylus插件开发教程</title>
      <link>http://www.airmyth.com/thread-1811-1-1.html</link>
      <description><![CDATA[来源：http://div.io/topic/1688由于Stylus的强大，它支持SCSS LESS 灵活的书写方式，然后它不用像SCSS安装Ruby，不是特别出名，流行的工具没有使用它，只是在小的圈子里面挺火滴。它的强大不用赘述了，我正在使用了它开始吧：最近为了方便自己将px转换成rem写了一个基 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Mon, 15 Aug 2016 03:57:50 +0000</pubDate>
    </item>
    <item>
      <title>CSS布局之-水平垂直居中</title>
      <link>http://www.airmyth.com/thread-1809-1-1.html</link>
      <description><![CDATA[来源：http://div.io/topic/1155对一个元素水平垂直居中，在我们的工作中是会经常遇到的，也是CSS布局中很重要的一部分，本文就来讲讲CSS水平垂直居中的一些方法。另外，文中的css都是用less书写的，如果看不懂less，可以把我给的demo链接打开，然后在控制台中查看最终 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Mon, 15 Aug 2016 02:06:22 +0000</pubDate>
    </item>
    <item>
      <title>还记得我们折腾过的居中么？DIV垂直居中</title>
      <link>http://www.airmyth.com/thread-1807-1-1.html</link>
      <description><![CDATA[虽然div中内容上下居中的问题已经是一个比较古老的话题，但是最近发现还是有很多前端开发者在询问如何实现。其实网络上已经有很多资料和案例了，我这里再总结一下几个比较常见的处理方式。情形一：div限高，内容长度限一行&amp;lt;style&amp;gt;
.v-align {
    margin: 0 auto;
    w ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 11 Aug 2016 06:31:10 +0000</pubDate>
    </item>
    <item>
      <title>CSS3制作各种平滑过渡的动画效果</title>
      <link>http://www.airmyth.com/thread-1800-1-1.html</link>
      <description><![CDATA[]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Wed, 10 Aug 2016 11:01:25 +0000</pubDate>
    </item>
    <item>
      <title>使用CSS3制作各种形状的图形</title>
      <link>http://www.airmyth.com/thread-1799-1-1.html</link>
      <description><![CDATA[来源：http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201504051631.html&amp;nbsp;&amp;nbsp;下载地址CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形，从而可以减少图片的使用。以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Wed, 10 Aug 2016 05:38:36 +0000</pubDate>
    </item>
    <item>
      <title>html中hr的各种样式使用</title>
      <link>http://www.airmyth.com/thread-1797-1-1.html</link>
      <description><![CDATA[网页设计当中hr的各种样式，如果使用得当，将会给你的页面增色很多，下面就来详细介绍下各种样式和各种使用方式的方法！我用的编辑器是eclipse，这个根据个人喜好来定，用什么都无所谓的，就算你直接用txt也照样能实现这里的效果，毕竟只是静态。第一种：&amp;lt;hr&amp;nbsp;style ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Wed, 10 Aug 2016 03:03:27 +0000</pubDate>
    </item>
    <item>
      <title>没那么难，谈CSS的设计模式</title>
      <link>http://www.airmyth.com/thread-1793-1-1.html</link>
      <description><![CDATA[来源：http://div.io/topic/1806什么是设计模式？曾有人调侃，设计模式是工程师用于跟别人显摆的，显得高大上；也曾有人这么说，不是设计模式没用，是你还没有到能懂它，会用它的时候。先来看一下比较官方的解释：\&quot;设计模式（Design pattern）是一套被反复使用、多数人 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Tue, 09 Aug 2016 08:05:57 +0000</pubDate>
    </item>
    <item>
      <title>前端之Sass/Scss实战笔记</title>
      <link>http://www.airmyth.com/thread-1789-1-1.html</link>
      <description><![CDATA[原文&amp;nbsp;&amp;nbsp;http://segmentfault.com/a/1190000003742313主题&amp;nbsp;SassIntroductionSass 有两种语法规则(syntaxes),目前新的语法规则（从 Sass 3开始）被称为 “SCSS”( 时髦的css（Sassy CSS）),它是css3语法的的拓展级，就是说每一个语法正确的CSS3文件也是合法 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 04 Aug 2016 06:07:14 +0000</pubDate>
    </item>
    <item>
      <title>PostCSS 是个什么鬼东西？</title>
      <link>http://www.airmyth.com/thread-1787-1-1.html</link>
      <description><![CDATA[前言最近大漠前辈在群里发关于PostCSS的系列文章，但是耗子姐姐又说看了有点云里雾里的感觉，所以这篇文章将按一个思考的角度来理解一下 PostCSS 到底是一个什么东西。一、提出不懂的地方很多时候第一次在网上查询 PostCSS 概念的时候，大家都解释成一个后处理器的概念 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 04 Aug 2016 05:57:21 +0000</pubDate>
    </item>
    <item>
      <title>Compass用法指南</title>
      <link>http://www.airmyth.com/thread-1786-1-1.html</link>
      <description><![CDATA[来源：http://www.ruanyifeng.com/blog/2012/11/compass.html作者：&amp;nbsp;阮一峰日期：&amp;nbsp;2012年11月29日几个月前，我介绍了Sass的用法。Sass是一种\&quot;CSS预处理器\&quot;，可以让CSS的开发变得简单和可维护。但是，只有搭配Compass，它才能显出真正的威力。本文介绍Compass ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 04 Aug 2016 05:54:10 +0000</pubDate>
    </item>
    <item>
      <title>stylus入门使用方法</title>
      <link>http://www.airmyth.com/thread-1785-1-1.html</link>
      <description><![CDATA[原文&amp;nbsp;&amp;nbsp;http://segmentfault.com/a/1190000002712872主题&amp;nbsp;CSSstylus介绍是个什么鬼？对于开发来说，CSS的弱点在于静态化。我们需要一个真正能提高开发效率的工具，&amp;nbsp;LESS&amp;nbsp;，&amp;nbsp;SASS&amp;nbsp;都在这方面做了一些贡献。Stylus&amp;nbsp;是一个CSS的预 ...]]></description>
      <category>CSS</category>
      <author>破晓</author>
      <pubDate>Thu, 04 Aug 2016 05:49:08 +0000</pubDate>
    </item>
  </channel>
</rss>