UI树意境-为企业量身设计互联网应用解决方案UI树意境

OveUI博客
老前端的戎码生涯

最新动态

HTML/CSS

浅谈逻辑选择器 is、where、not、has

OveUI阅读(8)评论(0)赞(0)

在 CSS 选择器家族中,新增这样一类比较新的选择器 —逻辑选择器,目前共有 4 名成员: :is :where :not :has 本文将带领大家了解、深入它们。做到学以致用,写出更现代化的选择器。 :is 伪类选择器 :is...

HTML/CSS

CSS 父元素选择器详解

OveUI阅读(29)评论(0)赞(0)

你有没有想过使用CSS选择器来检查父元素中是否存在特定的元素?例如,如果一个卡片组件中有图片,就给它添加一个display:flex。这以前在CSS中是无法实现的,而全新的 CSS 选择器:has就可以帮助我们选择包含特定元素的父元素。下面...

HTML/CSS

11个好用的单行CSS代码

OveUI阅读(51)评论(0)赞(0)

本文分享一些非常好用的CSS代码片段,它们很短但功能强大。使用这些代码,我们可以立即提高网站的体验。下面是11个非常好用的CSS代码片段: 1. Scroll behavior 这行简单的代码可以避免编写复杂的JavaScript。 此属性...

如何用一行 CSS 实现 10 种现代布局-UI树意境
HTML/CSS

如何用一行 CSS 实现 10 种现代布局

OveUI阅读(86)评论(0)赞(0)

现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局,它们实现了一些非凡的工作。 01. 超级居中:place-items: center 对于第一个“单...

最强大的 CSS 布局 —— Grid 布局-UI树意境
HTML/CSS

最强大的 CSS 布局 —— Grid 布局

OveUI阅读(85)评论(0)赞(0)

Grid 布局是什么? Grid 布局即网格布局,是一种新的 CSS 布局模型,比较擅长将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案,是目前唯一一种 CSS 二维布局。 利用 G...