css
10篇文章 · 0订阅
  • 拜托，css这样实现多行文本“展开收起” 超酷的好吧
    前段时间接到一个需求，关于文字展开和收起的，走了很多路,踩了很多坑，在这个夜深人静，想你想到泪流的时候，决定记录分享一下。
    前端 CSS
    拜托，css这样实现多行文本“展开收起” 超酷的好吧
  • 听说你还不会SCSS？带你掌握scss所有知识点(中)：掌握Scss基础语法和使用、局部文件导入
    这是三篇 Sass/Scss 掌握文章中的第二篇，主要介绍最基础的使用和语法，可以看到，Scss引入的变量和嵌套，极大地方便了开发工作，结合其自带的插值表达式，使得css样式编写非常灵活...
    SCSS CSS
    听说你还不会SCSS？带你掌握scss所有知识点(中)：掌握Scss基础语法和使用、局部文件导入
  • 妙用 background 实现花式文字效果
    本文将讲解如何利用 background 系列属性，巧妙的实现一些花式的文字效果。通过本文，你将可以学到： 通过 background-size 与 background-position 实现酷炫的
    前端 CSS JavaScript
    妙用 background 实现花式文字效果
  • CSS布局高度始终为宽度的一半
    最近在准备面试，刷了一些大厂的真题，经常出现关于布局的一个高频问题，“使用css实现如何让div高度始终为宽度的一半？” 下面看看有哪几种实现方式，其每种方法优缺点如何： 第一种：vw单位 html代
    CSS 前端
    CSS布局高度始终为宽度的一半
  • 大白话阐述什么是BFC（一道可能的面试题）
    什么是BFC？ 如何触发BFC？ 根元素(<html>) 浮动元素(元素的float不是none) 绝对定位元素(元素的position为absolute或fixed) display为下面几种： o
    前端 面试
    大白话阐述什么是BFC（一道可能的面试题）
  • 玩转Grid布局
    但是，菜只有一种，而烤的手段可以有多种，所谓技多不压身！下面我们一起看看实现这种效果有多少种方式。 父容器的宽自适应，子容器的宽计算公式为 (100% - (n - 1) * 24) / n 。如果页面宽度大于1280px，n等于5，小于1280px时，n等于4，页面最小宽度是…
    CSS
  • 最强大的 CSS 布局 —— Grid 布局
    Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！
    CSS
  • 🍊Flex布局最佳实践之骰子实战篇（面试高频考点，速来围观呀~）
    「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 写在前面 一、骰子的布局 骰子的样式 这里给出样式代码： HTML: CSS: 上面代码中，div元素（代表骰子的
    前端 CSS 面试
    🍊Flex布局最佳实践之骰子实战篇（面试高频考点，速来围观呀~）
  • CSS 奇思妙想 | 巧妙的实现带圆角的三角形
    之前在这篇文章中 -- 《老生常谈之 CSS 实现三角形》，介绍了 6 种使用 CSS 实现三角形的方式。 但是其中漏掉了一个非常重要的场景，如何使用纯 CSS 实现带圆角的三角形呢？，像是这样： 本
    CSS JavaScript 前端
    CSS 奇思妙想 | 巧妙的实现带圆角的三角形
  • 网站全尺寸适应指南
    因为我现在主要是写企业定制网站 准备离职了 所以,趁我现在对适应的理解比较深入,故总结 有些事情现在不去做，以后都不会在做了! 所以整理一下关于布局的适应 以下是我关于自适应/响应式的一些观点和理解
    前端
    网站全尺寸适应指南