/* 全局属性
* 页边距 padding: 30px;
* 英文换行 word-break: break-all;
*/
#nice {
margin-left: 16px;
margin-right: 16px;
font-size: 14px;
color: #262626; /* 字体颜色 */
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
/* 段落,下方未标注标签参数均同此处
* 上边距 margin-top: 5px;
* 下边距 margin-bottom: 5px;
* 行高 line-height: 26px;
* 词间距 word-spacing: 3px;
* 字间距 letter-spacing: 3px;
* 对齐 text-align: left;
* 颜色 color: #3e3e3e;
* 字体大小 font-size: 16px;
* 首行缩进 text-indent: 2em;
*/
#nice p {
text-align: justify; /* 正文两段对齐 */
line-height: 2em; /* 行间距 */
font-size: 14px; /* 字体大小 */
line-height: 2em; /* 行间距 */
letter-spacing: 0.1em; /* 字间距 */
margin-top: 10px;
margin-bottom: 10px;
}
/* 一级标题 */
#nice h1 {
}
/* 一级标题内容 */
#nice h1 .content {
}
/* 一级标题前缀 */
#nice h1 .prefix {
}
/* 一级标题后缀 */
#nice h1 .suffix {
}
/* 二级标题 */
#nice h2 {
}
/* 二级标题内容 */
#nice h2 .content {
}
/* 二级标题前缀 */
#nice h2 .prefix {
}
/* 二级标题后缀 */
#nice h2 .suffix {
}
/* 三级标题 */
#nice h3 {
font-size: 16px;
font-weight: bold; /* 字体加粗 */
text-align: center; /* 居中 */
line-height: 2em; /* 行间距 */
letter-spacing: 0.2em; /* 字间距 */
color: #262626;
margin-top: 30px;
margin-bottom: 20px;
position: relative; /* 为伪元素定位做准备 */
display: flex; /* 使用Flexbox */
flex-direction: column; /* 垂直方向排列 */
align-items: center; /* 横向居中对齐 */
}
#nice h3::after {
content: ""; /* 伪元素内容为空 */
display: block; /* 使伪元素成为块级元素 */
width: 100px; /* 根据需要调整宽度 */
height: 10px; /* 高度为10px */
background-image: linear-gradient(90deg, rgba(48, 97, 207, 0.31) 0%, rgba(212, 165, 206, 0.47) 100%); /* 渐变背景 */
border-radius: 36px; /* 圆角 */
margin-top: -18px; /* 与文本的间距 */
margin-right:3px;
}
/* 三级标题内容 */
#nice h3 .content {
/*border-bottom: 2px solid #37559b;*/
}
/* 三级标题前缀 */
#nice h3 .prefix {
}
/* 三级标题后缀 */
#nice h3 .suffixbo {
}
/* 无序列表整体样式
* list-style-type: square|circle|disc;
*/
#nice ul {
}
/* 有序列表整体样式
* list-style-type: upper-roman|lower-greek|lower-alpha;
*/
#nice ol {
}
/* 列表内容,不要设置li
*/
#nice li section {
}
/* 一级引用
* 左边缘颜色 border-left-color: black;
* 背景色 background: gray;
*/
#nice .multiquote-1 {
border-left-color: #37559b;
background: #f2f6ff;
opacity: 80%;
}
/* 一级引用文字 */
#nice .multiquote-1 p {
opacity: 80%;
}
/* 二级引用
*/
#nice .multiquote-2 {
}
/* 二级引用文字 */
#nice .multiquote-2 p {
}
/* 三级引用
*/
#nice .multiquote-3 {
}
/* 三级引用文字 */
#nice .multiquote-3 p {
}
/* 链接
* border-bottom: 1px solid #009688;
*/
#nice a {
}
/* 加粗 */
#nice strong {
color: #37559b; /* 粗体颜色 */
}
/* 斜体 */
#nice em {
color: #888888; /* 斜体颜色 */
font-style: normal; /* 取消倾斜 */
}
/* 加粗斜体 */
#nice em strong {
}
/* 删除线 */
#nice del {
}
/* 分隔线
* 粗细、样式和颜色
* border-top: 1px solid #3e3e3e;
*/
/* 定义hr的样式 */
#nice hr {
border: none;
height: 1px; /* 分割线的高度 */
background: linear-gradient(270deg, rgba(255,0,150,0.8), rgba(0,204,255,0.8));
background-size: 100% 100%;
opacity: 0.8; /* 初始透明度 */
border-radius: 50%;
margin-bottom: 50px;
margin-top: 50px;
}
/* 图片
* 宽度 width: 80%;
* 居中 margin: 0 auto;
* 居左 margin: 0 0;
*/
#nice img {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
margin-top: 10px; /* 上边距设置为30px */
margin-bottom: 10px; /* 下边距设置为30px */
}
/* 图片描述文字 */
#nice figcaption {
font-size: 12px; /* 图片描述文字大小 */
color: #888888; /* 图片描述文字颜色 */
text-align: left;
margin-bottom: 20px; /* 下边距设置为30px */
line-height: 2em; /* 行间距 */
letter-spacing: 0.1em; /* 字间距 */
}
/* 行内代码 */
#nice p code, #nice li code {
}
/*
* 代码块不换行 display: -webkit-box !important;
* 代码块换行 display: block;
*/
#nice pre code {
}
/*
* 表格内的单元格
* 字体大小 font-size: 16px;
* 边框 border: 1px solid #ccc;
* 内边距 padding: 5px 10px;
*/
#nice table tr th,
#nice table tr td {
}
/*
* 某一列表格列宽控制
* n 可以修改为具体数字,不修改时表示所有列
* 最小列宽 min-width: 85px;
*/
#nice table tr th:nth-of-type(n),
#nice table tr td:nth-of-type(n){
}
/* 脚注文字 */
#nice .footnote-word {
color: #262626;
font-weight: normal;
}
/* 脚注上标 */
#nice .footnote-ref {
color: #888888;
font-weight: normal;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
/* "参考资料"四个字
* 内容 content: "参考资料";
*/
#nice .footnotes-sep:before {
content: "参考资料"; /* 添加内容 */
}
/* 参考资料编号 */
#nice .footnote-num {
font-size: 12px;
color: #888888;
opacity: 100%;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
/* 参考资料文字 */
#nice .footnote-item p {
font-size: 0px;
}
/* 参考资料解释 */
#nice .footnote-item p em {
font-size: 13px;
color: #888888;
}
/* 行间公式
* 最大宽度 max-width: 300% !important;
*/
#nice .block-equation svg {
}
/* 行内公式
*/
#nice .inline-equation svg {
}
/* 容器块1 */
#nice .block-1 {
background-color: #f5fcff;
}
/* 容器块2 */
#nice .block-2 {
}
/* 容器块3 */
#nice .block-3 {
}
/* 分列总体布局 */
#nice .column {
}
/* 分列左边布局 */
#nice .column .column-left {
}
/* 分列右边布局 */
#nice .column .column-right {
}
欢迎评论