css

本篇文章给大家分享不规则图形背景排版高阶技巧，介绍一下如何使用css实现酷炫六边形网格背景图，希望对大家有所帮助！ 今天，收到一个很有意思的提问，如何实现类似如下的背景效果图： 嗯？核心主体是由多个六边形网格叠加形成。 立即学习“前端免费学习笔记（深入）”； 那么我们该如何实现它呢？使用纯 CSS …

如何利用纯css实现表格响应式布局？下面本篇文章就来给大家分享超 nice 的表格响应式布局小技巧，希望对大家有所帮助！ 今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果： 简单解析一下效果： 立即学习“前端免费学习笔记（深入）”； 在屏幕视口较为宽时…

可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:”会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力”, 就像发明 车 之前大多数人会认为 骑马 已经足够快可以满足自己的需求了, 所以我专门整理了一下自己的学习笔记并…

如果使用 css 有一段时间，那么您就会知道继承、特异性和命名是一些最难处理的事情。由于所有 css 都是全局的，随着代码库的增长，防止样式相互冲突并导致意外副作用变得越来越困难！下面本篇文章给大家分享一些css命名小技巧，让我们的代码优雅又耐看，希望对大家有所帮助！ CSS命名——BEM BEM是…

如何二次加粗文字？如何实现多重边框？下面本篇文章就来给大家介绍一下巧妙利用 css 实现文字二次加粗和多重边框效果，希望对大家有所帮助！ p { font-size: 64px; letter-spacing: 6px; font-weight: bold; -webkit-text-stroke:…

为什么不应该依赖css 100vh？下面本篇文章就来带大家聊聊原因，希望对大家有所帮助！ 如果有一个文本和一个按钮，我们想让文本粘在上面，而按钮粘在下面！使用CSS Flex 似乎很容易做到。【推荐学习：css视频教程】 // HTML Lorem ipsum dolor sit amet… S…

在前端面试中，经常会问到如何使用 css 实现骰子/麻将布局。下面本篇文章给大家介绍一下用css 创建一个 3d 骰子（flex和grid布局实现3d骰子）的方法，希望对大家有所帮助！ 通过本文可以学到： 使用transform来实现3D形状；给 3D 骰子实现旋转动画；使用 Flex 布局来实现骰…

如何保留 hover 的状态？下面本篇文章给大家介绍一下不借助javascript保留hover状态的方法，希望对大家有所帮助！ 通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了。 el:hover{ color: red} 这就意味着，如果需要保留hover的状态，…

见微知著，本篇文章给大家分享两道有意思的 css 面试题，考察考察你的基础！ 今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： First Paragraph 样式如下： p#a { color: green;}div::first-line { color: blue;} 试问，标签 …

本篇文章带大家学习css媒体查询（media quires），详细介绍了媒体查询语法定义，从三个具体布局例子学习媒体查询的使用技巧；并介绍了一些scss、css属性知识。 什么是SCSS Sass: Sass Basics (sass-lang.com) SCSS 是 CSS 的预处理器，它比常规 …