css
11篇文章 · 0订阅
  • 浏览器兼容性强的单行多行文本溢出截断省略方案
    浏览器兼容性强的多行文本溢出省略方案。多行文本溢出省略方案 需求描述： 多行文本溢出显示省略号...，并隐藏超出部分内容，内容不溢出时不显示省略...
    前端 Vue.js 浏览器
  • 为什么要使用flex布局?
    问：为什么要使用flex布局? 答：因为好用。 在面试的时候，当面试官问我们为什么要使用flex布局的时候，首先我们得先明白一点，问这个问题面试官到底想要了解什么？简单的回答”好用“肯定是不行的，任何
    CSS
  • 最全的less笔记，半小时学会！
    1. less 简介 2. 嵌套规则 3. 变量 4. 混合（mixins） 只有一个值，把值赋给第一个，两个值，赋给第一个和第二个...... 5. 运算 6. 命名空间 7. 引入 8. !important 9. 条件表达式 10. 循环 11. 合并属性 12. 函数库
    Less
  • 前端换肤的N种方案，请收下
    利用css优先级的原理覆盖掉原有样式的实现，每定义一套皮肤就要定义对应的sass变量，以及定义一套覆盖原有样式的皮肤样式。如果有多套皮肤的话，覆盖的代码量就会n套。 样式不易管理，查找样式复杂，开发效率低，拓展性差，维护成本高，多人协作沟通麻烦。 Sass Maps的函数map…
    CSS
    前端换肤的N种方案，请收下
  • 隐藏一个元素有哪些方法以及区别
    开发过程中我们经常会对一个元素进行显示和隐藏的操作。那么我们都有哪些方式可以来隐藏页面上的一个元素呢？它们分别有什么不一样的地方？本文我们就一起来探讨一下。 position属性可被继承（position: inherit），子元素可以通过设置relative、position…
    CSS
    隐藏一个元素有哪些方法以及区别
  • 你未必知道的CSS知识点（第二季）
    本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …
    JavaScript 前端
  • 关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
    前言   最近系统梳理HTML5所有涉及到的标签时，梳理至<link>和<script>标签时，碰巧想到一个困扰很久的问题，即一般把<script>放在<body>尾部，<link>标签放在<head
    HTML JavaScript
    关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
  • 『CSS滚动条 完整兼容』一劳永逸，无副作用
    这是掘金的滚动条，对于掘金的界面风格来说，无伤大雅。 但，还是可以调一下。总所周知！-webkit webkit 这就够了，挺不错的。一切都好，但Firefox不行。 Firefox 还好Firefo
    CSS 前端
    『CSS滚动条 完整兼容』一劳永逸，无副作用
  • 前端进阶高薪必看-CSS篇
    点赞 o(￣▽￣)ｄ 不迷路 收藏 ✋🏻 + 关注 谢谢老铁 ♪(･ω･)ﾉ 思维导图链接（高清无码） 图中1, 2, 3, 4 表示优先级 1. CSS 选择器及其优先级 选择器 格式 优先级权重
    CSS 面试
  • 1.5 万字 CSS 基础拾遗（核心知识、常见需求）
    本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…
    CSS