HTML 不定宽溢出文本适配滚动

HTML 不定宽溢出文本适配滚动
在平常的布局中,遇到文本溢出,要么隐藏省略,要么换行,本文主要介绍 HTML 文本溢出文本框自动缩排文字的一些解决方案,通过控制文本外层的宽度,然后让文本滚动,从而不使文本溢出。

一些最常见和最有趣的CSS错误

在本文中,我将介绍我们在潜意识中遇到的一些最常见和最有趣的CSS错误。

CSS瞬间黑暗模式

CSS瞬间黑暗模式
最近网页很多都做了黑暗模式的兼容和主题。如果我们在做的一个网站想瞬间实现黑暗模式可以怎么实现呢?其实有一个很快的方式,我们可以使用invert和hue-rotate两个CSS3过滤器来实现。

content-visibility 缩短页面加载速度

content-visibility 缩短页面加载速度
最新版的 Chrome 85 增加了一个能力,给元素加一句 CSS,就可以让整个页面的渲染时长从 232ms 缩短到 30ms,大大提升了网页性能,含复杂模块的页面尤为有效,下面了解下这个特性 content-visibility。

CSS 选择符有哪些?

CSS 元素选择符,主要包括通配选择符(*)、类型选择符(E)、ID选择符(E#id)、类选择符(E.class)等,本文列举常用的几种选择器,希望对你有所帮助!

CSS 伪类与伪元素的区别

在css1中就引入了伪类和伪元素的概念,伪类可以对一个元素的不同状态或者类型进行区分,添加特殊效果。伪元素能为元素的组成部分,或是文本结点内容添加特殊效果。

::before 和:after 中双冒号和单冒号有什么区别?

单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。(伪元素由双冒号和伪元素名称组成)

介绍一下标准的 CSS 的盒子模型?

CSS 盒模型包括 IE盒模型(border-box)、W3C标准盒模型(content-box),本文主要介绍这两种模型的区别。