logo
xLog
FeaturedShortsLatestHottestxLogWeb3AIJournalFictionCodingPodcast
css
cover

HTML 邮件模板的正确写法：一次兼容 Gmail / Outlook / QQ Mail 的实践总结

在实际项目中，使用常规网页方式编写 HTML 邮件模板，常会在 Gmail、Outlook 等邮件客户端出现样式错位问题。本文总结一套经过验证的邮件模板编写方式，确保在主流邮件服务中稳定渲染。
email
yyhyyh
cover

为 xLog 配置自定义 Cursor：踩坑速记

从「光标一直不显示」到「终于成功」的核心原因只有一个：图片尺寸踩坑。 1. Cursor 不显示的原因：图片尺寸过大 我一开始用的是 2048×2048 / 512×512 的 PNG， 结果浏览器会 直接忽略 cursor（不会报错，也不会提示）。 光标能正常显示的推荐尺…
css
yyhyyh
cover
cover

🚀 Free HTML Editor Online

Build, Edit & Preview HTML Instantly (No Login Required) Do you want to write, edit, and preview HTML, CSS, and JavaScript in real-time…
html
HTML5xHTML5x
UptimeKuma默认状态页面美化
前言 今天看到洪哥的状态页面非常漂亮，于是乎扒了下来 注意 所有样式的版权均归张洪 Heo 所有，如有侵权可联系删除 代码 Copy :root { --global-bg: #fff; --hr-border: #97bcfb; --hr-before-color:…
uptimekuma
Teror FoxTeror Fox
cover
cover
cover
cover
cover
cover
cover
cover
cover
cover

12 个现代 CSS 单行升级

有时，改进应用程序 CSS 只需一行升级或增强即可！了解 12 个属性，开始将其纳入您的项目，并享受减少技术债务、删除 JavaScript 和轻松赢得用户体验的乐趣。 探索以下类别的属性： 稳定升级：通过替换旧技术来修复黑客攻击或问题 稳定的增强功能：通过良好支持的现代属性提…
css
luckwolfluckwolf
cover
cover
cover
cover
cover
cover
cover
cover

css3

为实现内容与样式分离；用 CSS 调整页面的布局，元素的颜色和尺寸，添加背景图像和边框，创建动画效果等 Copy selector { property: value; } /*标签选择器:这个CSS规则将应用到HTML文档中所有的h1元素上…
css
ZeinZein
cover
cover

TailwindCSS 实用技巧合集

Tailwind CSS IntelliSens Tailwind CSS IntelliSens是一个VSCode插件，用来做语法提示和自动补全。属于必装插件。 https://marketplace.visualstudio.com/items?itemName=bradlc…
tailwindcss
HexiHexi
cover
cover
cover
cover

ShadowDOM 中样式隔离和继承

如果你了解 Web Component 那么你一定知道 Shadow DOM，Shadow DOM 是用于创建一个与外部隔离的 DOM Tree，在微前端中比较常见，可以在内部定义任何样式也不会污染外部的样式，但是也因为这个特征导致 Shadow DOM 中也不会继承任何外部样式…
javascript
inneiinnei
cover

前端自适应布局方案

流式布局 使用百分比单位等单位来表示长度和宽度，这样在整体的长度和宽度变化的时候，里面的内容也会发生变化。 使用 % 直接使用百分比，在页面宽度变化的时候会对应放大缩小。 Copy <!DOCTYPE html> <html lang="en"> <head> <meta…
css
LI JIAJUNLI JIAJUN