大家好，不知道你们是否和我一样存在这样的困惑呢，虽然css入门容易，但是其内容太多，好多属性看了似是而非，觉得自己看懂了，到自己用的时候又很犯难了，看到漂亮的效果还是无从下手，这主要还是自己对新属性实践太少了，不能进行灵活应用，CSS总让一些人找不到感觉。其实学好CSS真的没有太多捷径，和JS编程一样，要重视对待，要多看和多练，因为现在的CSS不再是以前的CSS啦。

比如这两本书《 CSS 权威指南第四版》，1000多页，买了好几个月我到现在还没看完，文字实在太枯燥了，看完了忘，忘了继续看，实在看不下去，不知道大家有没有同样的感受呢？

方法一：利用定位（常用方法,推荐）

方法二：利用 margin:auto;

方法三：利用 display:table-cell

应用场景

下图为一张《短视频和直播的对比》表格，我们想让整个表格在页面中水平、垂直方向均居中对齐。水平方向居中对齐要通过表格属性进行设置；垂直方向居中对齐要通过页面版式进行设置。

操作步骤

１、选中整个表格，单击［表格工具］［布局］选项卡下［表］功能组中的［属性］按钮。

第一，IE6, 不支持小于12px的盒子, 任何小于12px的盒子, 在IE6中看都大

解决办法很简单, 就是将盒子的字号, 设置小(小于盒子的高), 比如0px。

height: 4px;
_font-size: 0px;

我们现在介绍一下浏览器hack。hack就是"黑客", 就是使用浏览器提供的后门, 针对某一种浏览器做兼容。

浅色/深色主题切换，是一个常见的功能。以 ESLint（https://eslint.org/）官网为例，底部的三个按钮 Light、System、Dark 会分别切换到浅色、系统偏好和深色。

如果你想实现这个功能，只需掌握 CSS 变量

HTML全局属性是所有HTML元素共有的属性。它们可以应用于所有元素，尽管它们可能对某些元素没有影响。

HTML属性

HTML元素可以设置属性

属性可以在元素中添加附加信息

属性一般描述于开始标签

属性总是以名称/值对的形式出现，比如：name="value"。

在《

1.vue 优点？

轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb；

Vue3 巧用 iconfont 字体图标库（建议收藏）

在现代的 Web 开发中，图标的使用已经变得非常普遍。它们不仅能够美化界面，还能在不同设备和屏幕尺寸上保持一致性。Iconfont 是一个流行的在线字体图标库，它提供了丰富的图标资源，并且易于使用。本文将详细介绍如何在 Vue3 项目中高效地使用 iconfont 字体图标库。

Alex 发自 凹非寺
量子位 | 公众号 QbitAI

HTML不是编程语言，但这并不妨碍前端工程师把它玩出花儿来。