树欲静而风不止
叙述前端的戎码生涯

HTML/CSS 第2页

现代 CSS 解决方案:CSS 数学函数 -OveUI

现代 CSS 解决方案:CSS 数学函数 

在 CSS 中,其实存在各种各样的函数。具体分为: 本文,将具体介绍其中的 CSS 数学函数(Math functions)中,已经被浏览器大规模支持的 4 个: 为什么说是被浏览器大规模支持的?因为除了这 4 个目前已经得到大规模支持的数...

赞(1)lee1214lee1214阅读(152)
现代 CSS 解决方案:Modern CSS Reset-OveUI

现代 CSS 解决方案:Modern CSS Reset

看过几篇关于 CSS Reset 的文章 – reset.css 知多少。 详细描述了当时业界比较常用的,两个 CSS reset 方案:reset.css 与 Normalize.css。 以更为推荐的 Normalize.c...

赞(1)lee1214lee1214阅读(170)
Grid布局-实例篇-OveUI

Grid布局-实例篇

一、概述 目前,CSS 网格布局(Grid)是当之无愧的最强 CSS 布局方案。 它的核心能力是将网页拆解为整齐的网格,只要灵活组合这些网格,就能轻松实现各种复杂布局。要知道,这类布局在以前,必须借助复杂的 CSS 框架才能做到,而现在浏览...

赞(1)lee1214lee1214阅读(273)
掌握这 8 个技巧,让你的 CSS 代码更简洁优雅-OveUI

掌握这 8 个技巧,让你的 CSS 代码更简洁优雅

写出简洁优雅的 CSS 代码不仅能提高代码的可维护性,还能减少样式冲突。本文将介绍 8 个实用技巧,帮你提升 CSS 代码质量。 1. 善用 CSS 变量,提升代码复用性 使用 CSS 变量的好处: 2. 使用 :is() 和 :where...

赞(1)lee1214lee1214阅读(195)
常用的 10 个 CSS 一行代码技巧-OveUI

常用的 10 个 CSS 一行代码技巧

在 CSS 开发中,一些简单的一行代码往往可以让你的页面变得更加优雅高效。以下是 10 个我喜欢使用的 CSS 一行代码,它们不仅简洁,还能在实际项目中起到很大的作用。 1. *设置宽高比例(Aspect Ratio)* 通过 a...

赞(1)lee1214lee1214阅读(175)