后端开发教程 - Java、Spring Boot 实战 - msg200.com
没有 CSS 的 Web。😿
如果可以的话，想象一下一个网站没有样式的世界。这几乎是不可能的，对吧？
在前端行业摸爬滚打了很久，项目中不运用 CSS 真的很难。毕竟，CSS 可是网站的基础之一！没有 CSS 就像过着褪色的生活。没有激情，没有心情，没有情感，只有一个简洁的结构和一些内容。
一些背景故事（如果你喜欢……）/_ \
这篇文章与我通常每周撰写的文章完全不同。一周前，我在浏览即将发布的新闻通讯的资源时偶然发现了这个主题。不知何故，链接过了很久才打开。
事实证明，服务器响应速度真的很慢。我以为是浏览器的问题，所以就从 Chrome 换到了 Firefox。结果还是一样。我打开开发者工具，想看看有没有可以查看的错误。但我无能为力，因为有些错误我根本没注意到。
然后我开始尝试（这可以怪我好奇心太强）。我打开“设置”，尝试修改如下内容：
- 关闭一些扩展。
- 赋能服务人员。
- 在网络选项卡中记录性能分析。
- 禁用JavaScript。👀
还有更多这样的事。
突然的想法！ (ノへ￣、)
出于（我不知道是什么）好奇心，我开始搜索“在 Firefox 中禁用 CSS ”。嗯，我想是因为上面提到的最后一点。我尝试禁用 JS，页面重新加载，但网站仍然打不开（请不要问那是什么网站，因为它是外语的，记住名字很麻烦）。
我知道你可以在 Firefox 中通过按下alt键，然后v-> y-> 最后 来执行此操作n。基本上就是这样……
这会激活 Firefox 中的“无样式”模式，因此您当前所在的页面将不包含任何 CSS 样式表规则。当然，那个糟糕的网站现在仍然无法正常加载。所以我放弃了这个模式，接下来做了一些奇怪的事情……
关闭热门网站的 CSS (#_<-)
是的，我这么做了。我访问了地球上一些最受欢迎的网站，只是想看看它们看起来会是什么样子。当然，我知道它们看起来会很糟糕，但到底有多糟糕呢？
这太糟糕了
⚠ 警告！前方有令人作呕的丑陋网站。滚动浏览风险自负。虽然我知道你们 99% 的人都会翻页，所以就让 STARLIGHT 来吧！😈
1️⃣维基百科
呵呵，有趣，但以下是我所了解的一些事情。
font-family: sans-serif由于它通常是一个基于文本的内容网站，因此在整个正文中大量使用。line-height: 1.6清楚地阅读其内容起着重要作用。- 他们使用了相当多的边界。
2️⃣亚马逊
关键要点：
- 你首先会注意到的是，他们大量使用轮播来展示某些产品。所以，像
width、transform、 和 这样的属性在这里height发挥了重要作用。 - 对于类别部分，他们使用网格显示。
3️⃣ Yelp
关键要点：
- 除了很好地利用 SVG 之外，
background-image属性在这里也发挥了作用。 - 该表单使用了一些伪类，
position: relative和absolute。 - 居中对齐的文本很重要！
4️⃣IMDb
关键要点：
- 在导航中，有很好的用途
padding。 - 令人惊讶的是，整个 IMDb 标志是由 SVG 元素组成的，这些元素显然使用了、、
width属性。heightransform - 再次，对于锚标签，到处都有填充。
5️⃣粉丝圈
重点：
由于集成使用了一些 CSS 框架或库，所以无法说出太多内容...但是，是的，具有 SVG 的按钮确实具有transform: rotate(0)属性。
但为什么呢？╰（‵□′）╯
在你开始思考“他为什么要关闭 CSS？”之前，我想告诉你，我做这个“实验”是为了弄清楚两件事：
首先，无论是否使用 CSS 框架，都请不要低估层叠样式表的强大威力！在学习中养成使用纯 CSS 的习惯，你根本不知道有多少 CSS 属性你根本用不到！
其次，如果您看一下上面讨论的一些 CSS 属性，您就会知道这些 CSS 属性被大量使用，并确保您知道如何以及在何处使用它们。
下一步去哪里？🤔
我关掉了 CSS，你或许早就关掉了 JS，但现在你关掉 HTML 怎么样？当然，如果你认真对待这件事，那就没什么可批评的了……也没什么可学的了。
但是，正如我所说，用心学习 CSS，像重视 JavaScript 一样重视它。我很喜欢它，所以我写了这篇文章。看看没有 CSS 的互联网看起来有多糟糕。根本没法用……
谢谢阅读，我非常感激！祝你拥有美好的一天。(✿◕‿◕✿)
她为什么失望？😂
— 编码面试教练 (@CoachCoding) 2020 年 8 月 5 日
。
#coding #developer #webdevelopment #iosdevelopment #javadevelopment #java #python #ruby #php #html #javascript #codingmeme #codingjoke #developerhumor #devhumor #devhumour #programmerhumor #programmingmeme #programmingjoke pic.twitter.com/rfbrh4KBgG