b 44
,
r 172
,
❤ 正在询问中
目标
致良知.
我觉得你可以看看这些项目
Web font 字体裁剪工具
.test {
font-family: "test";
}
@font-face {
font-family: "test";
src: url("//webfont.shenzilong.cn/generate_fonts_dynamically.ttf?font=令东齐伋复刻体&text=webfont字体裁剪工具") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "test";
src: url("//webfont.shenzilong.cn/generate_fonts_dynamically.ttf?font=令东齐伋复刻体&text=github项目地址") format("truetype");
font-style: normal;
font-weight: normal;
}
油猴脚本
这里有一大批我写的自己用的上的而且天天在用的脚本 😁
CSS 游乐场
我的代码编写规范
注释
/** 对于变量(函数也是)的描述一律采用这种方式,因为可以享受到jsdoc提供的悬浮提示功能,把鼠标放在下面的a上面试试 */
var a = 1;
CSS
class
-
写 CSS 的一些思考
- 关于命名,所有强耦合的类名应当加前缀以做区分,例如「c-」。使用「-」分割层次,例如「c-header」,单词之间使用「_」分隔例如 「c-header-top_left_avatar」。 、
- 关于 class 属性中类名的排序,因为我一般不使用 id 都是使用 class ,所以用来表示这个元素的类名放在最前,其次是在当前作用域(例如自己划分一个模块,然后这个模块专享的样式),再其次为全局自定义样式,最后是框架提供的样式
- scss 的帮助,可以利用 scss 的 「&」符号来更好的划分层级
- 表状态的可以放在最后使用「-」放在名字前面,例如 -selector,状态类不应该有自身的样式。
技术指南
我的联系方式
我叫 申子龙 ,很高兴遇见你 ✨。
邮箱 : admin@shenzilong.cn , github ,知乎,
赞赏
想说点什么... 算了,总之非常感谢。
by 崮生 from 崮生 • 一些随笔 🎨,欢迎 赞助本文
本文欢迎分享与聚合,全文转载未经授权( 联系我)不许可。