如何应用jupyterlab3的markdown样式表？

使用jupyterlab 3自带的样式表模板，以及在markdown单元格中插入自定义HTML/CSS代码。

以下是应用jupyterlab 3样式表的步骤：

步骤1：在jupyterlab 3中打开一个新的文档或现有文档。

步骤2：打开Markdown单元格。

步骤3：在Markdown单元格中，输入HTML/CSS代码或其他自定义代码。

例如，下面是一个简单的HTML代码段，用于制作一个红色的文本块：

<div style="background-color: red; color: white; padding: 10px;">
    <h2>This is a red text block!</h2>
</div>

步骤4：单击Markdown单元格上方的三个点图标。

步骤5：在'单元格类型”下拉菜单中选择'Raw NBConvert”。

步骤6：单击'+”图标以创建新的单元格。

步骤7：在新单元格中，输入以下代码：

/* jupyterlab markdown样式表模板 */
<style>
/* 用于段落的默认样式 */
p {
    font-size: 16px;
    line-height: 1.5em;
    margin: 1em 0;
}

/* 用于标题的默认样式 */
h1, h2, h3, h4, h5 {
    margin: 1em 0;
    font-weight: 400;
    line-height: 1.2em;
}

/* 用于链接的默认样式 */
a {
    color: #007bff; /* 链接颜色 */
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-weight: 500;
    border-bottom: 2px solid #007bff; /* 添加下划线 */
}

/* 用于代码块的默认样式 */
pre {
    background-color: #eaeaea;
    padding: 1em;
    font-size: 14px;
    border-radius: 5px;
    margin: 1em 0;
}

/* 用于表格的默认样式 */
table {
    border-collapse: collapse;
    margin: 1em 0;
    width: 100%;
    border: 1px solid #ccc;
}

td, th {
    border: 1px solid #ccc;
    padding: 6