开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用外部自定义css文件重新标记浮动TOC的颜色标题

浮动TOC（Table of Contents）是指网页中的目录，用于快速导航到页面的不同部分。重新标记浮动TOC的颜色标题可以通过使用外部自定义CSS文件来实现。

首先，需要创建一个外部的CSS文件，可以命名为"custom.css"。然后，在该文件中添加以下代码来重新标记浮动TOC的颜色标题：

/* 重新标记浮动TOC的颜色标题 */
.toc-title {
  color: #ff0000; /* 设置标题颜色为红色 */
  font-weight: bold; /* 设置标题加粗 */
}

接下来，将该CSS文件链接到HTML页面中。可以在HTML文件的<head>标签中添加以下代码：

<link rel="stylesheet" href="custom.css">

这样，浮动TOC的标题颜色将被重新标记为红色，并且加粗显示。

关于浮动TOC的应用场景，它通常用于长页面或文章，以便读者快速浏览和导航到感兴趣的部分。它可以提高用户体验和页面的可读性。

腾讯云相关产品中，可以使用腾讯云的云存储服务 COS（Cloud Object Storage）来存储和分发自定义CSS文件。COS是一种高可用、高可靠、低成本的对象存储服务，适用于存储和处理各种类型的文件。

腾讯云COS产品介绍链接地址：https://cloud.tencent.com/product/cos

请注意，以上答案仅供参考，具体的实现方式和产品选择可能因实际需求和环境而异。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

03.HTML头部/CSS/图像/表格/列表

HTML <head> 查看在线实例 <title> - 定义了HTML文档的标题使用 <title> 标签定义HTML文档的标题 <base> - 定义了所有链接的URL 使用 <base> 定义

Jekyll 文章侧边索引导航

Jekyll 与 Hexo 不同之处有很多，其中一处是在文章页面中不支持原生 [TOC] Markdown 语法来自动生成目录。而在 Hexo 中，即使主题不支持侧边悬浮的优化目录导航，也可以通过最简单的方式在文章的开始位置生成目录。虽然这种目录永远固定在文章开始的地方，但是总算是能够通过大小标题来给读者一个大概的思路。

03

html实战-制作静态网页「建议收藏」

教程视频：http://edu.csdn.net/course/detail/535 从42开始

05

前端入门学习--HTML

写在前面。前端知识真的还是比较有用的。一直要把前端的学习提上日程，因为各种事情各种拖延，写爬虫的时候也是捎带学习前端的东西，还是需要系统的了解下。 All from W3school.

04

R沟通｜Bookdown中文书稿写作手册（中）

这是第 2 章的内容，概要性地讲解基于bookdown拓展包进行图书排版的整体思路与实现方式.

01

团队技术文档构建利器vuepress上手实践

最近在尝试一些项目技术文档搭建的工具，看到网上很多人推荐 gitbook，使用后总体感觉良好。无意中发现一款 Vue 驱动的静态站点生成工具 vuepress，看到官网和demo后立即被它的简约灵活所吸引。一个 vuepress 网站是一个由 Vue、Vue Router 和 Webpack 驱动的单页应用。在构建时，创建一个服务端渲染（SSR）的版本，然后通过虚拟访问每一条路径来渲染对应的HTML。

09

HTML-CSS基础学习

HTML代表了结构，结构是网页的骨架，从语义的角度，描述页面结构。 CSS代表了样式，样式是网页的外观，从审美的角度，美化页面。 JavaScript代表行为，行为是网页的交互逻辑，从交互的角度，提升用户体验。

03

Next -20- 使用自定义样式（custom style)

Next主题允许用户使用自定义样式个性化设置自己网站的主题，本文介绍使用自定义样式的方法。修改主题配置文件去掉主题配置文件中custom_file_path字段style值的注释 # Define custom file paths. # Create your custom files in site directory `source/_data` and uncomment needed files below. custom_file_path: #head: source/_

02

团队技术文档构建利器vuepress上手实践

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

02

CSS基础知识巩固你的前端基础

CSS基础知识 css，英文 Cascading Style Sheets，中文名：级联样式表。层叠样式表。 css是一种表现语言，是对网页语言的补充。 css用于网页的风格设计，包括字体，颜色，位置等。 css使用的4中方式：引入外部样式文件，导入外部样式文件，使用内部样式定义，使用内联样式定义。引入外部样式文件： <link type="text/css" rel="stylesheet" href="css样式文件的url"/> 导入外部样式文

01

一个专注于微信公众号 Markdown 排版的平台

由于 Md2All 很长一段时间都不再更新，加上有时候 Md2All 的访问不稳定，本项目在 Md2All 的基础上进行了一些调整和修改后的重新部署(包括把站点迁移至腾讯云等)。

02

前端面试题-每日练习(3)

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和 js 脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性。

02

CSS学习笔记

<linkhref="*.css" rel="stylesheet" type="text/css"/>

04

开发工具总结（15）之Vuepress制作文档并发布到GitHub

转载请标明出处： https://www.jianshu.com/p/307684deff51

05

HTML5 与CSS3 相关笔记

5.在网页中，HTML决定结构和内容，CSS设定网页的表现样式，JavaScript控制网页的行为。

03

两个CSS知识点：BFC和选择器权重

BFC 全称 Block Formatting Context，翻译过来就是块格式化上下文，它是 CSS 规范的一部分。

01

三峡大学复杂数据预处理day01-day03

计划安排见：【腾讯文档】三峡大学文档资源主要内容：WEB端三剑客HTML+CSS+JavaScript 实验网址：Java爬虫框架WebMagic

04

【HTML/CSS篇】牛客题库练习

【HTML/CSS】牛客题库练习 1. HTML 1.1 FED1-表单类型 ⭐方法1 🌸注意 1.2 FED2-表格结构 ⭐方法1 🌸注意 1.3 FED3-图像标签属性 ⭐方法1 🌸注意 1.4 FED4-新窗口打开文档 ⭐方法1 🌸注意 1.5 FED5-自定义列表 ⭐方法1 🌸注意 1.6 FED73-加粗字体 ⭐方法1 🌸注意 1.7 FED6-语义化标签 ⭐方法1 🌸注意 1.8 FED7- 音频媒体标签属性 ⭐方法1 🌸注意 1.9 FED7- 音频媒体标签属性 ⭐方法1 🌸注意 2. CS

04

这款Markdown神器，要收费啦！

11月23日，Typora 正式发布 1.0 版本，正式版开始收费了，定价14.99美元。不过，Beta版本还是可以继续免费使用的。

02

1.5 万字 CSS 基础拾遗（核心知识、常见需求）

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但偏基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。

03

1.5 万字 CSS 基础拾遗（核心知识、常见需求）

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但偏基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。

02

71-R分享01-Rmd新手入门指南

参见：https://www.math.pku.edu.cn/teachers/lidf/docs/Rbook/html/_Rbook/rmarkdown.html[1]

Hexo博客主题之hexo-Theme-Matery的介绍

当你看到这里的时候，应该已经有一个自己的 Hexo 博客了。如果还没有的话，不妨使用 Hexo 和 Markdown 来写博客和文章。

03

CSS

常见的块元素有：ul列表、form表单、h1-h6标题、hr水平线、p段落、div

02

为你的网页添加深色模式[每日前端夜话0x48]

CSS 规范一直在不断发展。尽管在 CSS 新功能的实现很复杂，但是 CSS 工作组还是决定要把简化版作为新元素添加到规范中。然后由浏览器来实现这些新元素，浏览器自行决定以哪种顺序去实现它们，这就是为什么现在对新功能的支持不匹配的原因。虽然这可能会令人讨厌，但实际上完成了规范的浏览器要好得多。

03

(第一版)知识点

WEB前端开发做什么？ PC端页面移动端页面解决用户体验问题必备条件是什么？ 1>会上网，会打字，懂得互联网是什么 2>兴趣 3>肯练习浏览器和服务器如何信息交互？通过浏览器如何查看请求

02

Qt编写数据可视化大屏界面电子看板7-窗体浮动

窗体浮动的场景也比较多，用途也比较大，比如视频监控模块，有时候需要调整大小和位置，而不是作为dock嵌入到布局中，一旦嵌入到布局中，大小和位置都被布局接管了，只能任由布局使唤，按在地上摩擦的那种。所以窗体浮动独立出来以后，就可以当做单独的窗体使用了，八个方位任意调整大小，（做到这里，是不是想起来，很多人写的无边框窗体类，自己写代码实现边框的拉伸调整大小？原来Qt也内置类无边框调整大小的位置哈！）同时窗体可以拖动到任意位置，比如可以拖动到中间部位占领一个位置，能够调整到最佳的16:9的大小效果。此时的视频看起来就很爽了，这个效果其实是Qt内置的，我在自定义的标题栏中增加了双击浮动，再次双击最大化显示的功能而已。

03

这款Markdown神器，要收费啦！

11月23日，Typora 发布 1.0 版本，正式版开始收费了，定价14.99美元。不过，Beta版本还是可以继续免费使用的。

03

WordPress文章目录插件LuckyWP Table of Contents设置教程

LuckyWP Table of Contents插件, wordpress建站, wordpress插件, 文章目录插件

04

前端基础：CSS

CSS 大大提高工作效率，可以将 HTML 代码与样式代码分离，让原本 HTML 不能描述的效果，通过 CSS 描述出来。

02

【一起来烧脑】一步学会HTML体系

HTML是用来描述网页的一种语言叫超文本标记语言 HTML不是一种编程语言，而是一种标记语言一套标记标签

01

CSS

CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。

01

好用的博客生成编辑器MWeb Pro for mac

MWeb Pro for mac是mac上一款支持markdown编辑器标记语言的简约文本编辑器，能方便地用Markdown记日记、简单的管理日记并生成博客。而写日记时插入图片的功能是经常用到的。可拖拽或直接粘贴即可插入图片并显示出来。

02

前端开发面试题答案(二)

（2）盒模型：内容(content)、填充(padding)、边界(margin)、边框(border)；

04

Bootstrap快速入门

Bootstrap学习有两个重点，一个是概念的理解，理解bootstrap是如何通过div来代替过去的table布局的；一个是常用结构的熟悉，做到需要的组件及时能找到，组合一下就可以满足需求。学习后的

06

前端面试题归类-css

网页看着不方便，想要文档可以私聊我。要是有错别字和错误的地方，请各位大佬直接指出，谢谢啦！！

04

6.hexo插件篇（必看）

如果应用官网的主题你会发现，有可能出现打不开的情况，这是由于有些主题使用的插件，本地并没有安装导致的报错。所以本篇文章为补充说明篇。（无问题的可以跳过）

02

【MFC拓展库】上海道宁与BCGSOFT合作为您带来专业的Micrisoft Windows开发业务组件

BCGSoft Ltd.成立于1998年，是一家专门为Microsoft Windows开发业务组件的软件公司。BCGSoft旨在帮助开发人员将当今市场上先进的技术整合到他们的应用程序中。

02

前端入门学习--CSS

样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。

02

掌握Markdown技巧，轻松应对写作需求

本文 Markdown 语法使用 VSCode 编辑并使用其插件 Markdown Preview Enhanced 预览。

01

掌握Markdown技巧，轻松应对写作需求

本文 Markdown 语法使用 VSCode 编辑并使用其插件 Markdown Preview Enhanced 预览。

01

深入理解bootstrap

1.CSS12栅格系统：以规则的网格阵列来指导和规范网页中的版面布已有以及信息分布

06

如何学习 CSS

很多人想让我给他们推荐有关CSS部分的教程，或者问我如何学习CSS。我也看到很多人对CSS的部分内容感到困惑，一部分原因是由于对语言的过时认识。鉴于CSS在过去几年中发生了相当大的变化，这是一个更新知识的好时机。即使CSS只是你所做工作的一小部分（因为你使用其他技术栈），CSS是你最终希望在屏幕上显示的结果，所以值得合理去学习。

01

带你入门HTML+CSS网页设计，编写网页代码的思路

这篇文章主要给大家详细解释一下这些代码的作用和意义，以及编写网页代码的格式与思路。

04

前端基础知识整理

超文本标记语言（英语：HyperText Markup Language，简称：HTML），是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

02

H5+CSS3+JS逆向前置——CSS3、基础样式表

HTML，全称超文本标记语言（Hypertext Markup Language），是一种用于创建网页的标准标记语言。HTML为网页提供了一种结构性的标记方式，使得浏览器可以正确地解析和显示网页内容。

01

9 个你不知道的 CSS 伪元素

英文 | https://javascript.plainenglish.io/9-css-pseudo-elements-you-didnt-know-about-bb0faa395986

03

支持 Markdown 语法和代码高亮

为了让博客文章具有良好的排版，显示更加丰富的格式，我们使用 Markdown 语法来书写我们的博文。Markdown 是一种 HTML 文本标记语言，只要遵循它约定的语法格式，Markdown 的渲染器就能够把我们写的文章转换为标准的 HTML 文档，从而让我们的文章呈现更加丰富的格式，例如标题、列表、代码块等等 HTML 元素。由于 Markdown 语法简单直观，不用超过 5 分钟就可以掌握常用的标记语法，因此大家青睐使用 Markdown 书写 HTML 文档。下面让我们的博客也支持使用 Markdo

07

HTML/ CSS 入门

HTML 是 Hper Text Markup Language 的简称，即超文本标记语言。它就像我们熟知的 Word 一样，只不过它适用于 Web。

02

Web-第二天 HTML表单&CSS【悟空教程】

所有的html标签中，表单标签是最重要的。在实际开发中，最经典的实例就是用户注册，覆盖了表单标签的所有的元素。效果图如下：

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭