7 种可以使用 HTML 代替 CSS 的情况

1 隐藏元素

是的！你没看错。我们可以使用 HTML 隐藏元素。使用hidden属性，我们可以隐藏元素。
例如：

<p hidden> Hello! I am a hidden paragraph </p>

2 单词断开

我们可以根据用例，使用<br>或标签在任何位置断词。 例如：<wbr>

<p> Hello! I am a <br> broken text </br> </p>

3 手风琴

我们无需编写任何 CSS 或 JavaScript 代码即可创建手风琴折叠面板。使用 HTML<details>和<summary>标签即可创建手风琴折叠面板。

例子-

<details>
    <summary>Accordion title</summary>
    Content you want to show/hide.
</details>

4 进度条

使用 HTML<progress>标签，我们可以显示进度，无需 css 或 javascript

例子-

<progress id="file" value="32" max="100"> 32% </progress>

5 颜色选择器

使用 HTML<input type="color">标签我们可以显示颜色选择器并获取其值。

例子-

  <input type="color" value="#ff0000">

6 删除/下划线文本

使用 HTML <del>&<ins>标签我们可以删除文本和给文本加下划线。

例子-

<p>My name is <del>jyotish</del> <ins>jyotishman/ins>!</p>

7 居中文本

我们可以在不使用 CSS 的情况下将文本居中。使用 HTMLalign属性，我们可以赋予诸如“左”、“中”或“右”之类的值。

例子-

<p align="center">Hello! I am a center text </p>

如果你喜欢我的内容，你可以在 Twitter 上关注我以获取更多此类内容-

https://twitter.com/frontend_jsx