分类： CSS

6 篇文章

记录个人使用的Email HTML模板
夜风
|
|
40
|
0
|
CSS,HTML,学习笔记,踩坑记录

114 字
|
3 分钟
邮件HTML真是难搞，这么多年不做新的语法支持。删删改改，最终写出了一套满意的，必须使用内联CSS样式和表格布局，旧属性旧语法真的很心累。 验证码邮件模板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…
email
解决Email HTML元素无法整齐居中的问题
夜风
|
|
40
|
0
|
CSS,HTML

112 字
|
1 分钟内
最近在做邮件发送服务，在桌面端开发环境时，使用flex布局一套流程下来页面规规矩矩，最后发送HTML邮件出去发现文字不是居中的，最难受的是不是左对齐也不是右对齐而是仅仅歪了几十像素，特别难看。 解决办法 用旧属性 .parentTable { position: relative; } .childTable { position: absolut…
emailsmtp
CSS: 使用box-shadow属性，覆盖浏览器输入框自动填充产生的背景颜色（针对不同UI组件）
夜风
|
|
44
|
0
|
CSS,Vue,学习笔记,小技巧

560 字
|
5 分钟
本文结合网络上的其他教程，基于不阻止浏览器填充的前提做一个进阶做法和补充，特别是应付在使用UI组件时需要动态获取组件原有颜色的情况。原理：在浏览器覆盖原有输入框背景颜色后，额外再进行一次覆盖。 颜色值硬编码（简易） 使用截图软件或是其他能够拾取组件颜色的工具，拾取出UI组件各状态下的原有（被浏览器覆盖前）颜色rgb值，替换到下方各个状态的rgb颜色…
Vuetify组件使用笔记
夜风
|
|
74
|
0
|
CSS,Vue,学习笔记

625 字
|
5 分钟
记录一些个人常用的组件内部API，免得记混淆了在官方文档慢慢的定位。说实话官方文档很多地方不够详细且存在缺失，以及翻译没有更新完毕半英半中的。 v-btn 图标按钮 <!-- 单图标 --> <v-btn icon="mdi-github"> </v-btn> <!-- 图标+文字 --> <v…
Vuetify
分享一段简单有趣的CSS首屏动画
夜风
|
|
54
|
0
|
CSS,HTML

137 字
|
5 分钟
以下是四段文字和一个头像的出场动画 文字分别从上下左右从无到有渐显出场，而头像从小到大旋转出场 /* 上到下入场 */ .text1 { animation: slideBottom 1s ease forwards; opacity: 0; } /* 左到右入场 */ .text2 { animation: slideRight 1s ease …