css - 更改 Jupyter Notebook 中正文的大小

Question

我想增加十几个 Jupyter 笔记本中所有正文的大小(我不知道正确的术语，但不属于特殊 Markdown 类别的文本)。 notebooks 都存储在一个 repo 中，因此它们可以共享一个 css 文件。但我没有 CSS 方面的专业知识。

包含这些笔记本的目录有这个 custom.css 文件

h4 {
    font-weight: normal;
    text-align: justify;
}

#TOC, #book-cover {
    width: 50%;
    float: left;
}

#TOC {
    font-size: 130%;
}

#main_content_wrap p, #main_content_wrap ol {
    text-align: justify;
}

#main_content_wrap ul li {
    list-style-type: none;
    margin-bottom: 5px;
}

#main_content_wrap ul li a {
    font-weight: bold;
}

#image-cc {
    width: auto !important;
}

但不知道有没有用。该系统(一个 Docker 容器)包含一个 .jupyter 目录，但它不包含任何 css 文件。

理想情况下，我想要一份关于在 Jupyter 笔记本中使用 css 的清晰、相当简单的手册引用。我知道这个好CSS reference ，但它不考虑 Jupyter 笔记本。 (“授人以鱼……授人以鱼……”)

谢谢，亚瑟

Answer 1

如果你设置body标签的字体大小，它会改变所有地方的文本。这包括相对大小的 css，例如您的 #TOC id，它基于 %，并且还会影响任何相对大小值，例如 em。

body { font-size: 20px; }