带大家快速了解下CSS initial-letter属性，可以更好地设置首字母的排版效果。
文章关键字 ‘float’
CSS initial-letter属性，嗯……也就这样吧
2024年03月21日，星期四CSS高宽不等图片固定比例布局的三重进化
2023年07月20日，星期四
快速了解CSS display:flow-root声明
2020年05月12日，星期二
CSS grid-auto-flow深入理解
2020年01月15日，星期三
CSS实现平行四边形布局效果
2019年04月20日，星期六
粉丝群第1期CSS小测点评与答疑
2019年01月12日，星期六
上周新建了一个粉丝群，周三发小测题目，每周依次是CSS、DOM和JS，周六上午答疑，答疑方式是直播加群聊。然后今天上午进行了第一次的直播答疑，是一个简单的CSS布局问题，本文可以看成是本次答疑的文档版。如果你也想要加入粉丝群，可以参见文末的信息。
借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
2017年09月19日，星期二iPhone X造型上有个显著的特质，就是有个明显的刘海。
然后，也出现了一些酷酷的交互，例如页面滚动的时候，列表会自动绕着iPhone X的刘海排列。看微博评论，好像觉得这个效果实现很难，实际上，CSS3里面针对这种特定形状环绕的效果已经支持很久了，CSS3 Shapes和CSS3 Regions都是可以实现的，本文就将展示如何使用CSS3 Shapes实现元素内容在滚动的时候自动环绕iPhone X的齐刘海的效果。
准确理解CSS clear:left/right的含义及实际用途
2014年06月9日，星期一我们平时一般都使用clear:both清除浮动，貌似就干这一件事件。用得很开心，但似乎理解上懵懵懂懂，我其实也是，早年的时候，测试过CSS clear:left/right，虽知其作用（80%确定而已），但不知其机理。
有必要再次整理下，温故知新。可能很多同行都没有注意left/right值，或者可能理解上含糊，或者不知道其实际意义在何处。So, follow me…
CSS 相对/绝对(relative/absolute)定位系列（四）
2011年08月6日，星期六
本文是相对定位/绝对定位系列之四——relative相对定位篇。前面部分比较随性，以讲故事的形式介绍relative相对定位的一些属性特点。后面为本文重点，讲述的是relative相对定位的最小化影响原则。有demo，有实例，有截图以及必要的源代码展示。总之，希望本文的内容对您的学习有所帮助。
CSS 相对/绝对(relative/absolute)定位系列（三）
2011年03月20日，星期日
本文是CSS 相对/绝对(relative/absolute)定位系列的第三篇，主要内容是absolute绝对定位的可用性隐藏，absolute绝对定位与等高布局，以及absolute相关的一些有趣的兼容性问题探讨。本文断断续续写了一个星期，所以行文上可能没有一气呵成之感；本周遇到些不顺心的事情，所以言语上也不如之前文章活波。但是，内容上并没有偷工减料，该有的截图还是有的，该有的demo还是有的，必要的代码展示也是有的。总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用