CSS
5篇文章 · 0订阅
  • 30 个案例教你用纯 CSS 实现常见的几何图形｜牛气冲天新年征文
    1. 三角形 我们知道，如果设置一个盒子的宽高为 0，盒子就会变成一个点。此时再给上下左右四个 border 一定的宽度和不同的颜色，那么单纯由 border 填充的盒子看起来是这样的： 上面两种方法效果一样，接着根据实际情况隐藏其中三个三角形即可。我们这里只想要显示底下的三角…
    CSS
    30 个案例教你用纯 CSS 实现常见的几何图形｜牛气冲天新年征文
  • 10分钟回顾CSS媒体查询
    今天的主角不是响应式页面怎么写,这个话题有点广,以后有时间再写好了.今天我们就来聊一聊响应式布局中很重要的一个点:媒体查询. 定义不同的样式.通常在设计响应式页面中,media属性是非常有用的.我们可以将这个属性设置在style标签上.下面是一个媒体功能查询,其作用是查询屏幕的…
    CSS
  • 探讨移动端布局解决方案
    总结一下移动端布局的几种解决方案吧。 在探讨一些方案之前，先了解一些概念。 物理像素：相当于屏幕分辨率。如：4.7寸iPhone是750*1334，这个所指的就是物理像素
    CSS
  • 增加Demo
    demo
    CSS
    增加Demo
  • 神奇的选择器 :focus-within
    CSS 的伪类选择器和伪元素选择器，让 CSS 有了更为强大的功能。 有个错误有必要每次讲到伪类都提一下，有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规范中的一部分要求，目的是为了区分伪类和伪元素，大多数浏览器都支持下面这两种表示方式。…
    CSS JavaScript 前端
    神奇的选择器 :focus-within