xiaozhi的博客

https://www.niwoxuexi.com/blog/user/148

  • 4.使用 CSS Grid Generator来快速使用及学习 Grid 布局

    为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!CSS Grid GeneratorCSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具,允许咱们创建一个基本的 grid 布局,然后就可以使用生成对应的代码,帮助咱们快速布局。第一次进入是界面是这样子的:CSS Grid 布局示例当我 ...

    • 更新时间: 2019-09-05 02:35
    151浏览
    0推荐
    0评论
  • 3. 8个有用的 CSS 技巧:视差图像,sticky footer

    CSS是一种独特的语言。乍一看,这似乎很简单,但是,某些在理论上看起来很简单的效果在实践中往往不那么明显。在本文中,我将分享一些有用的技巧和技巧,它们代表了我在学习CSS过程中的关键进展。本文并不是要演示CSS可以变得多么复杂。相反,它分享了一些在大多数CSS教程中不太可能找到的有用技巧。1. Sticky Footer这个非常常见的需求,但对于初学者来说可能是个难题。对于大多数项目,不管内容的大 ...

    • 更新时间: 2019-09-05 02:31
    137浏览
    0推荐
    0评论
  • 2.前端学习之路之自适应设计(sass语法)

    基本概念css像素、设备像素、逻辑像素、设备像素比viewportrem1. css像素、设备像素、逻辑像素、设备像素比大家可以先看这篇文章了解一下基本概念。css像素:我们大家经常写高多少px,宽多少px,这个就是px像素。逻辑像素:其它就是css像素,他们其实是同一回事。设备像素比:css像素与物理像素的一个比值。设备像素:手机上像素的点,通常一个像素点就是一点,但从苹果出了Retina屏 幕 ...

    • 更新时间: 2019-09-05 02:23
    114浏览
    0推荐
    0评论
  • 1.45个值得收藏的 CSS 形状

    CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。我们还可以使用 CSS 伪元素中的::before和::after,这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧,我们可以只用一个 HTM ...

    • 更新时间: 2019-09-05 02:22
    136浏览
    0推荐
    0评论