精读《我们为何弃用 css-in-js》
原文很有有条理,先从 css-in-js 优点说起,再转而谈到缺点,说明了 css-in-js 这个新事物拥有明显的优点与缺点;然后从性能问题作为切入点,说明自己所在的公司为什么不得不抛弃 css-in-js;最后告诉读者目前自己的解决方案是 css-modules。
阅读量: 1.4k标签: css
漫谈 CSS 方法论
CSS 方法论是一种面向 CSS、由个人和组织设计、已被诸多项目检验且公认有效的最佳实践。这些方法论都会涉及结构化的命名约定,并且在组织 CSS 时可提供相应的指南,从而提升代码的性能、可读性以及可维护性。
阅读量: 1.2k标签: css
中后台 CSS Modules 最佳实践
工作中发现前端 CSS 的使用五花八门,有用 Sass,Less 这种预处理语言,还有 CSS in JS 这种奇葩玩法,还有 TailWindCSS 这种原子化的 CSS 方案,还有 CSS Modules 这种专注解决局部作用域和模块依赖问题的单纯技术
阅读量: 1.1k标签: css
能用CSS实现的就不用麻烦JavaScript
虽然万物都可以是JavaScript,但某种程度css的运行效率会比JavaScript高,所以笔者认为:能用CSS实现的就不用麻烦JavaScript。两种语言都有不同的用途随着浏览器版本特性和属性的增加
阅读量: 1k标签: css
工作中常用且容易遗忘的css样式整理,建议收藏
单行文本的溢出显示省略号(一定要有宽度),中英文自动换行,设置placeholder的字体样式,不固定高宽 div 垂直居中的方法,IOS 页面滑动卡顿,设置滚动条样式
阅读量: 3.5k标签: css
如何写出一套可维护的CSS库?
如何写出一套可维护的CSS库?不妨谈谈CSS的设计模式/架构吧。接下来将为你讲述三个主流的CSS设计思想和一个最近通用的CSS设计思想:OOCSS、SMACSS、BEMCSS、METACSS。
阅读量: 1.5k标签: css
css底部固定的5种方法
本文主要介绍一个Footer元素如何粘住底部,使其无论内容多或者少,Footer元素始终紧靠在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时
阅读量: 1.5k标签: css
作为Web开发人员应避免的10种CSS做法!
有人认为CSS很难学习,没有什么逻辑可言,而且还坑很多,可能是大家对CSS还不是很了解,因为我提出了五个我不喜欢的开发者习惯,并向大家展示如何避免它们。
阅读量: 1.6k标签: css
20个常用的CSS知识点
如何隐藏滚动条,修改滚动条样式,修改input框placeholder的颜色,按钮不可点击的样式,CSS鼠标指针事件:阻止任何JS事件,文字超出强制n行 超出部分用省略号代替,修改字体间距
阅读量: 1.5k标签: css
CSS运算 calc()是怎么实现计算
CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。例如,我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。
阅读量: 1.4k标签: css
CSS属性书写顺序
生活中衡量一个人有气质:穿着打扮举止言行等等,编程中如何衡量一个人的代码能力?规范标准优雅高质量等等一个词形容专业从代码中看出是否有经验..
阅读量: 1.4k标签: css
CSS基础一定要看的包含块(containing block)
一个元素的尺寸和位置经常受其包含块(containing block)的影响。大多数情况下,包含块就是这个元素最近的祖先块元素的内容区,但也不是总是这样。在本文中,我们来过一遍确定包含块的所有因素。
阅读量: 1.9k标签: css
css数值(百分比|负值)
今天为什么要给大家讲解这个东西呢,因为css这部分,尤其是数值这部分感觉非常简单,但是尤其是简单的,却很多人根本就没有弄懂。所以今天就来讲一下css的数值问题吧。大家还是好好听一下吧。
阅读量: 1.7k标签: css
20条书写CSS代码
在这篇文章中,我想跟你分享 20 条由 CSS 社区推荐的约定和最佳实践。 有些建议可能比较适合新手,而有些则更高级一些,但我希望每个人都可以在本篇文章中收获自己不知道的知识。
阅读量: 1.6k标签: css
Js如何动态修改css样式
使用obj.className来修改样式表的类名,使用obj.style.cssTest来修改嵌入式的css,使用obj.className来修改样式表的类名,使用更改外联的css文件,从而改变元素的css
阅读量: 1.6k标签: css