css
5篇文章 · 0订阅
  • CSS 中重要的层叠概念
    1. 层叠上下文 (Stacking Context) 层叠上下文 (堆叠上下文, Stacking Context)，是HTML中一个三维的概念。在CSS2.1规范中，每个元素的位置是三维的，当元素发生层叠，这时它可能覆盖了其他元素或者被其他元素覆盖；排在z轴越靠上的位置，距…
    HTML CSS 前端
    CSS 中重要的层叠概念
  • 前端适配：移动端/web端适配方案
    这样整个网页在设备内显示时的页面宽度就会等于设备逻辑像素大小，也就是device-width。 在scale为1的情况下，device-width = 设备的物理分辨率/devicePixelRatio 。
    HTML
  • 不可思议的纯 CSS 实现鼠标跟随效果
    直接进入正题，鼠标跟随，顾名思义，就是元素会跟随着鼠标的移动而作出相应的运动。大概类似于这样： 通常而言，CSS 负责表现，JavaScript 负责行为。而鼠标跟随这种效果属于行为，要实现通常都需要借助 JS。 当然，本文的重点，就是介绍如何在不借助 JS 的情况下使用 CS…
    CSS 动效 前端
    不可思议的纯 CSS 实现鼠标跟随效果
  • 再次简单明了总结flex布局，一看就懂...
    备注：1、设置flex-wrap：wrap，不然默认nowrap按照比例排满一行。 有不足之处，请评论留言... 谢谢
    CSS
  • CSS实现footer“吸底”效果
    一是无论内容的多少，我们都希望使按钮，固定于可视窗口的底部，且内容区是可滚动的。 二是当内容区的内容较少时，页脚区不是随着内容区排布，而是始终显示在屏幕的最下方；当内容区的内容较多时，页脚能随着内容区的增高而撑开，始终显示在页面的最底部。 谈到“吸底”效果的实现，大家可能较多了…
    CSS 前端 flexbox