Obsidian自定义样式修改教程_第1页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、obsidian自定义样式修改教程什么是markdown什么是html什么是cssmarkdown是一种可以用法一般文本编辑器编写的标志语言,通过容易的标志语法,它可以使一般文本内容具有一定的格式。obsidian用法的是扩展的markdown格式。超文本标志语言(hypertext markup language,html)是构成 web 世界的一砖一瓦。它定义了网页内容的含义和结构。我们认识的网页都是由html构成的。以下列举了几种markdown转换为html的对应格式:层叠样式表(cascading style sheet,css)是用于控制网页样式的标志性语言。在obsidian中,

2、markdown被解析成html,因此需要用法css修改其显示样式。 css类似于microsoft office word中的样式功能。obsidian的css存放位置在笔记库文件夹下的和这两个文件夹。主要放置主题css文件,而主要放置css片段。css基本用法办法基础语法变量编辑软件预备css是定义html中特定元素样式的一组规章,比如我希翼页面中的一级标题的红色的字,对应的css代码如下:语法由一个 起头。 它"挑选"了我们将要用来添加样式的 html 元素。 在这个例子中我们为一级标题(主标题)添加样式。接着输入一对大括号 。 在大括号内部定义一个或

3、多个形式为 的 声明。每个声明都指定了我们所挑选元素的一个属性,之后跟一个我们想赋给这个属性的值。冒号之前是属性,冒号之后是值。不同的 css 属性对应不同的合法值。css挑选器有如下几个频繁的类型: - 标签挑选器 - 类挑选器 - id挑选器 - 分组挑选器 - 后代挑选器 - 父子挑选器 - 兄弟挑选器 - 属性挑选器 - 按照状态确定样式通过html标签举行挑选,比如等标签。通过标签的class类举行挑选,比如等类。通过标签的id举行挑选,比如等id。obsidian中貌似用不到id挑选器(?待确认)挑选器可以一次挑选多种元素设置相同的样式,少写了无数代码。不同挑选器用法逗号分隔。又称

4、为包含挑选器,挑选某个标签的全部后代以设置样式,比如div内的ul内的li元素,每一层挑选器之间用法空格分隔类似于后代挑选器,但是有点不同。假如您不希翼挑选随意的后代元素,而是希翼缩小范围,只挑选某个元素的子元素,请用法父子元素挑选器。也叫关联挑选器,用来挑选紧挨着的元素的挑选器,比如希翼挑选h1元素下面第一个段落p,而不挑选其次个段落p以后的元素。通过属性(如name属性)举行挑选以设置相同的样式对于链接可按照它的不同状态分离设置不同的样式,如是否是未拜访的、拜访过的、被鼠标悬停的等状态。对于重复用法的属性值,可以将其设置成变量,便于统一修改,不必一遍又一遍地复制和粘贴相同的属性值。此外,采

5、纳合理的变量名,能让其他人一眼就能识别该属性值的作用。如和本地编辑css代码的软件推举用法vscode为了便利调试,按打开chrome调试工具如下图所示点击该按钮后,鼠标移动到你想修改的对象上就可以查看该元素的css属性值,不仅可以看到正在生效的属性,还可以看到被笼罩掉的属性值。 用法vscode编辑css代码,保存后自动生效,记得在obsidian设置外观中挑选你所编辑的主题。下面开头实战讲解。因为目前obsidian还未做到所见即所得,窗口分为编辑模式与预览模式,因此css样式也要分离为这个两个不同的模型写代码。编辑模式对应类,以及缩写的等类。预览模式对应。下面针对两种模式分离举行讲解。标

6、题代表第x级标题。引用文本列表,其中第x级标题为详细分离指定有序列表和无序列表用法和链接斜体加粗标题代表第x级标题。引用文本列表,其中第x级标题为详细分离指定有序列表和无序列表用法和链接斜体加粗字体字号色彩背景色彩缩举行距页面宽度字体分为本地字体和网络字体。注重:普通字体都需要收费,自己个人免费用没事,一旦涉及商业用途需要收费。 将网络上的字体下载并安装后,挺直用法字体的名字即可,可同时设置多个字体,系统从最左边开头用法,找不到该字体味顺延至下一个字体。也可以按照网址引用网络字体字号有无数种单位:px像素,pt磅和em相对字体大小找到你想修改的那部分元素,修改它的color属性值。背景色彩同理,或者修改color相关的变量修改t

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论