CSS必学基础:理解CSS中的级联规则 (www.zhangxinxu.com)

【简介】


CSS中有两个重要的基础规则,一个是级联(Cascading),一个是继承(Inheritance),本文详细介绍级联规则,理解了级联,就能明白某些看似普通但不解的背后现象的原因。

点击查看全文 >>

@技术头条 2022-06-19 22:55分享 / 原作者微博:@张鑫旭 / 0个评论
赞过的人: IT技术博客大学习
要不要再学学下面的文章?
介绍一种CSS变量未定义语法也OK的小妙招 (www.zhangxinxu.com)
我以为我对 CSS 变量了解够多够深入了,没想到还是有知识的盲区,今天这个小技巧小特性就是其中之一,并且是相当实用的一个特性。
by @技术头条 2022-07-24 20:54 分享 查看详情
CSS实现滚动高度自动变小的粘滞效果 (www.zhangxinxu.com)

分享一个实用的小布局效果,可以优化粘性定位的效果体验。
by @技术头条 2022-06-19 22:44 分享 查看详情
使用CSS size-adjust和unicode-range改变任意文字尺寸 (www.zhangxinxu.com)

介绍一个无需HTML标签就能控制任意字符字号大小的CSS技术,关键时候说不定可以救命,都来学学吧。
by @技术头条 2022-06-19 22:31 分享 查看详情
纯CSS实现未读消息超过100自动显示为99+ (www.zhangxinxu.com)
未读消息超过100显示为99+是常见的交互,目前主流实现一定是通过 JS 逻辑判断,其实纯 CSS 就能实现一模一样的功能,兼容性还不赖,进来看看吧。

by @技术头条 2022-05-04 16:49 分享 查看详情
你不知道的CSS media查询与用户体验 (www.zhangxinxu.com)
本文介绍 4 个很多前端开发不知道的可以提升用户体验的 media 媒体查询语句,希望可以帮到大家的学习。
by @技术头条 2022-02-01 22:52 分享 查看详情
一文理解MySQL中的page页 (mp.weixin.qq.com)
从InnoDB存储引擎的逻辑结构看,所有数据都被逻辑地存放在一个空间内,称为表空间(tablespace),而表空间由段(sengment)、区(extent)、页(page)组成。在一些文档中extend又称块(block)。
by @code小生 2021-11-21 18:33 分享 查看详情
如何理解Python之禅:Explicitisbetterthanimplicit? (mp.weixin.qq.com)
“Explicit is better than implicit” 是 The Zen of Python 中的一句格言。长久以来都觉得挺在理,直到有天有人用这句话为基础,提出了一个我不甚赞同的观点,才发现从来就没有真正理解过它。
by @code小生 2021-08-22 22:35 分享 查看详情
徒手撸了一个API网关,理解更透彻了,代码已上传github,自取~ (mp.weixin.qq.com)
最近在github上看了soul网关的设计,突然就来了兴趣准备自己从零开始写一个高性能的网关。经过两周时间的开发,我的网关ship-gate核心功能基本都已完成,最大的缺陷就是前端功底太差没有管理后台
by @code小生 2021-07-25 21:59 分享 查看详情
如何使用CSS禁止元素拖拽? (www.zhangxinxu.com)

HTML中有个属性draggable可以设置元素能否拖拽,那么CSS中有没有什么属性可以设置元素的拖拽权限呢?
by @技术头条 2021-06-13 22:43 分享 查看详情
RTFM!如何阅读(和理解)Linux 中神奇的手册页 (linux.cn)
手册页man pages,即参考手册页reference manual pages的简称,是你进入 Linux 的钥匙。你想知道的一切都在那里,包罗万象。这套文档永远不会赢得普利策奖,但这套文档是相当准确和完整的。手册页是主要信源,其权威性是众所周知的。

虽然它们是源头,但阅读起来并不是最令人愉快的。有一次,在很久以前的哲学课上,有人告诉我,阅读亚里士多德是最无聊的阅读。我不同意:说到枯燥的阅读,亚里士多德远远地排在第二位,仅次于手册页。

乍一看,这些页面可能看起来并不完整,但是,不管你信不信,手册页并不是为了隐藏信息 —— 只是因为信息量太大,这些页面必须要有结构,而且信息是以尽可能简短的形式给出的。这些解释相当简略,需要一些时间来适应,但一旦你掌握了使用它们的技巧,你就会发现它们实际上是多么有用。
by @技术头条 2021-06-13 22:29 分享 查看详情