LuviaWu的博客

CSS元素选择器:选择器示例说明:first-child选择某个元素的第一个子元素（IE6不支持）:last-child选择某个元素的最后一个子元素:nth-child()[CSS3]选择某个元素的一个或多个特定的子元素（IE6-8不支持）:nth-last-child()[CSS3]选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算（IE6-8不支持）:first-of-type[CSS3]选择一个上级元素下的第一个同类子元素

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex布局将成为

在杂志排版中，常常能看到首字下沉的效果。 在Web的排版中，也常常能看到上图这样的效果。并且常常看到的是首段首字下沉。那么今天这篇文章咱们来聊聊如何使用CSS实现首字下沉效果。::first-letter实现首字下沉效果 早期中，实现首字下沉都是能过伪元素::first-letter来实现。其实现原重非常的简单，就是把首字font-size值设置较大，然后能过float来实现。比如：p::f

这篇教程为Sass用户提供了(我认为是)一个优秀的基本配置，让你能够容易地尝试PostCSS并在以后去深入细节

瀑布流布局有一个专业的英文名称Masonry Layouts。瀑布流布局已经有好多年的历史了，我最早知道这个名词的时候大约是在2012年，当时Pinterest网站的布局就是使用的这种流式布局，简言之像Pinterest网站这样的布局就称之为瀑布流布局，也有人称之为Pinterest 布局。瀑布流布局其核心是基于一个网格的布局，而且每行包含的项目列表高度是随机的（随着自己内容动态变化高度），同时每个