typroa主题学习笔记

最新推荐文章于 2023-10-13 22:31:19 发布

mohana48833985

最新推荐文章于 2023-10-13 22:31:19 发布

阅读量257

点赞数

本文链接：https://blog.csdn.net/Caiqiudan/article/details/109408110

版权

本文详细探讨HTML标签种类，包括HTML5新增元素，以及如何在网页中使用Latex公式、Markdown语法和自定义CSS样式，还介绍了表格制作技巧及代码块管理。涵盖了标题样式设置、表格设计和前端开发常见标签的深入解析。

摘要由CSDN通过智能技术生成

HTML 到底有多少标签(HTML tag)？
latex公式转图片网址
 在网页中显示latex公式的方法
 Markdown语法折叠代码块,并支持内嵌Markdown语法+HTML
typora的代码块的光标颜色怎么修改？
h2、h3 标题自动生成序号
 比较好看的css 自定义样式（标题 h1 h2 h3）
html中如何设置各级标题的字体颜色大小背景颜色

修改表格

/*-------------------------表格-----------------------*/
table > thead > tr > th {
    border-top: 2px solid #ef070796;/* 表头首行上方粗线 */
    border-bottom: 1px solid #ef070796;/* 表头首行下方细线 */
}

table > tbody > tr:last-child {
    border-bottom: 2px solid #ef070796;/* 表体末行下方粗线 */
}

table {
  margin: 36px auto;
  padding: 0;
  word-break: initial;
}

table tr {
  /*没什么用*/
  border-top: 1px solid #dfe2e5;
  margin: 0;
  padding: 0;
}

table tr:nth-child(2n),
thead {
  /*修改每隔一行的背景颜色*/
  background-color: #f4b46221;
}

table tr th {
  font-weight: bold;
  /*第一行的边框线颜色 灰色#dfe2e5 我改为透明*/
  border: 1px solid #fafafa00;
  border-bottom: 0;
  text-align: left;
  margin: 0;
  padding: 6px 13px;
}

table tr td {
  border-width: 0.5px;
  border-style: solid;
  border: 1px solid #fafafa00;
  /*内部的竖直线颜色*/
  border-inline-end-color: #dfe2e5;
  text-align: left;
  margin: 0;
  padding: 6px 13px;
}

table tr th:first-child,
table tr td:first-child {
  margin-top: 0;
}

table tr th:last-child,
table tr td:last-child {
  margin-bottom: 0;
}

#write table thead th {
  /*修改第一行的背景颜色*/
  background-color: #f4b46221;
  /*将第一行的文字居中*/
  text-align: center;
  /*第一行的线条*/
  border-inline-end-color: #dfe2e5;
}

#write strong {
  padding: 0 1px;
}

#write em {
  padding: 0 5px 0 2px;
}

#write .CodeMirror-gutters {
  border-right: none;
}

/* -----------------------------代码块----------------------------- */



#write .md-fences {
  -webkit-font-smoothing: initial;
  margin: 1.8rem 0 2rem !important;
  line-height: 1.55rem;
  font-family: Roboto Mono, Source Sans Pro, 'Microsoft YaHei', '微软雅黑' !important;
  font-size: 0.9rem;
  word-wrap: normal;
  color: var(--mid-10);
}

#write .CodeMirror-wrap .CodeMirror-code pre {
  padding-left: 12px;
  line-height: 1.55rem;
}

#write .CodeMirror-cursors .CodeMirror-cursor {
  border-left: 2px solid var(--mid-4);
}

/*让latex$公式$更清晰一点*/
.MathJax_SVG * {
  /*让字体更清晰*/
  font-family: auto;
}

<!--这块代码可以展开和收缩。-->
<details>
<summary  style='color:#b4654d; outline-style: inherit;' >证明</summary>
	<img src="https://latex.codecogs.com/svg.latex?填上latex公式" style="transform:scale(0.85)" >
</details>