30-CSS代码片段入门-零基础也能美化

发布时间:2026/7/25 1:41:49

30-CSS代码片段入门-零基础也能美化 CSS代码片段入门——零基础也能美化一个文科生的"逆袭"小晴是一名中文系的研究生,研究方向是现当代文学。2023年初,她开始用Obsidian做读书笔记和研究笔记。Obsidian的功能她很满意——尤其是双向链接和关系图谱——但她总觉得界面缺点什么。“我说不上来哪里不对,就是觉得Obsidian看起来太’程序员’了。标题颜色和正文一样,列表的样式太朴素,引用的块也没有特别的视觉效果。”小晴完全不会编程。她这辈子写过的最接近"代码"的东西,是大学计算机课上学的HTML——而且已经忘得差不多了。当朋友告诉她可以用CSS自定义Obsidian的外观时,她的反应是:“CSS?那是什么鬼?”但她在网上看到别人的Obsidian截图——彩色标题、卡片式引用块、渐变色背景——她太想要了。于是她从零开始,花了两个周末学了五个CSS片段。从完全不懂CSS,到能自己调出喜欢的样式。整个过程没有写一行"真正的代码",只是复制粘贴、改颜色值、调大小。现在,她的Obsidian长这样:大标题是深蓝色的,小标题是墨绿色的,引用块有浅灰色的背景和淡蓝色的左竖线,代码块有毛玻璃效果,表格有斑马纹。"我不会写代码,但我学会了一种叫’改参数’的技能。"小晴笑道,“CSS对我来说就是调颜色和大小,跟用Word调字体差不多。”CSS片段是什么概念解释CSS(层叠样式表)是一种用来描述网页(在Obsidian中就是笔记界面)外观的语言。CSS片段(CSS Snipp

相关新闻