Markdown是一種輕量級的標記語言,它具有簡單易用、可讀性強等特點,越來越多的人選擇使用Markdown來編寫文檔。而在實際應用中,我們往往需要對Markdown進行美化,這時候就需要用到Markdown-CSS。
/* Markdown-CSS樣式文件 */ /* 標題樣式 */ h1,h2,h3,h4,h5,h6{ font-weight: bold; margin: 1.1em 0; } h1{font-size: 2.5em;} h2{font-size: 2em;} h3{font-size: 1.5em;} h4{font-size: 1.2em;} h5{font-size: 1em;} h6{font-size: 0.9em;} /* 段落樣式 */ p{ line-height: 1.5; margin: 1em 0; font-size: 16px; } /* 引用樣式 */ blockquote{ margin: 1em 0; padding: 0 1em; border-left: 5px solid gray; } /* 列表樣式 */ ul,ol{ margin: 1em 0; padding: 0 2em; } /* 代碼樣式 */ pre{ margin: 1em 0; padding: 0.5em; overflow: auto; background-color: #f8f8f8; border-radius: 3px; font-family: Inconsolata, Monaco, Consolas, "Courier New", Courier, monospace; } pre code{ font-size: 14px; } /* 鏈接樣式 */ a{ color: #004080; text-decoration: none; } a:hover{ color: #1278ca; text-decoration: underline; }
Markdown-CSS提供了一系列的預設樣式,可在Markdown文檔中直接使用并達到美化效果。通過自定義樣式,我們還可以根據自己的需求來制定專屬的Markdown-CSS樣式。