MarkdownPad2 簡單使用指南

MarkdownPad2 簡單使用指南


一級標題

二級標題

三級標題加代碼

四級標題

這里是加粗

這里是正文and English 888

這里有正文嵌入代碼這種樣式

這里是代碼塊
這種使用的代碼塊

還有引用

  • 這種格式

  • 這種格式再加粗

    • 拖下來一點的格式加個代碼

斜體 斜體內的加粗


自我改好的樣式

MarkdownPad2 簡單使用指南

MarkdownPad2 簡單使用指南

注意是這種風格的樣式!
MarkdownPad2 簡單使用指南

附:一個很全的顏色代碼網頁
http://www.360doc.com/content/12/0922/04/8176916_237502831.shtml


以下就是基本的使用格式的css樣式表代碼,復制貼上就好

@charset "utf-8";

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body{
    color:#111;
    font-family: Helvetica, arial, freesans, clean, sans-serif, Georgia, 'Palatino Linotype', Times, "Times New Roman", "Microsoft YaHei", "微軟雅黑", STXihei, "華文細黑",serif ; 
    font-size:16px;
    line-height:1.6em;
    padding:30px;
    margin:0 auto;
    max-width:960px;
    background:#fff;
}

h1, h2, h3, h4, h5, h6 {
   margin: 20px 0 10px;
   padding: 0;
   font-weight: bold;
   -webkit-font-smoothing: antialiased;
}

h1 {
    color: #f16522;
    font-size: 32px;
/*    background-color: #CCFF66;  */
}

h2 { 
    color: #000000;
    background-color: #66CCCC;  
    font-size: 28px;
}

h3 {
    background-color: #CCFF66;  
    font-size: 18px;
}

h4 {
    border-bottom: 2px solid #f16522;
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    color: #777777;
    background-color: inherit;
    font-size: 14px;
}

hr {
    height: 0.2em;
    border: 0;
    color: #CCCCCC;
    background-color: #CCCCCC;
}

p, blockquote, ul, ol, dl, li, table, pre {
    margin: 15px 0;
}

p{
    margin:1em 0;
}

pre { 
    background-color: #ccffcc; 
    border: 1px solid #38b0de;
    line-height: 19px;
    font-size: 14px;
    border-radius: 3px;
    overflow: auto;
    padding: 5px;
}

pre code {
    background-color: #ccffcc;
    border: none;    
    padding: 0;
}

code {
    font-family: Consolas, Monaco, Andale Mono, monospace;
/*    background-color:#ffffff;*/
    border: 1px solid #66ccff;
    border-radius: 3px;
    padding: 0 0.2em;
    line-height: 1.2em;
    color: #ff0000;
}

pre > code {
    border: 0;
    margin: 0;
    padding: 0;
    color: #000000;
}


a{ color: #0645ad; text-decoration:none;}
a:visited{ color: #0b0080; }
a:hover{ color: #06e; }
a:active{ color:#faa700; }
a:focus{ outline: thin dotted; }
a:hover, a:active{ outline: 0; }

::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
::selection{background:rgba(255,255,0,0.3);color:#000}

a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
a::selection{background:rgba(255,255,0,0.3);color:#0645ad}

blockquote{
    color:#666666;
    margin:0;
    padding-left: 3em;
    border-left: 0.5em #EEE solid;
}

ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
li p:last-child { margin:0 }
dd { margin: 0 0 0 2em; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%;}

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

@media only screen and (min-width: 480px) {
    body{font-size:14px;}
}

@media only screen and (min-width: 768px) {
    body{font-size:16px;}
}

來自為知筆記(Wiz)

原創文章,作者:qzx,如若轉載,請注明出處:http://www.www58058.com/59113

(1)
qzxqzx
上一篇 2016-11-13 15:35
下一篇 2016-11-13 20:04

相關推薦

  • 玩轉Nginx之一:基礎概念

    Nginx web服務器:http協議 http協議:html,MIME(多用途互聯網郵件拓展) major/minor text/html,text/plain,image/jpeg web資源:URL(scheme://server:port/path/to/source) 方法:GET,HEAD(相應首部)讀取資源 POST提交表單 PUT上傳數據 D…

    Linux干貨 2016-10-29
  • 管中窺豹—linux命令

    命令行選項風格: 1、原始unix風格     a、命令行選項以連字符'-'開頭,后跟單個字符表示選項,選項后面跟著取值,如:mysql -hlocalhost      b、選項不帶取值的,可以組合在一起,如:sed -n -r 可以寫成 sed -nr  …

    Linux干貨 2016-10-30
  • linux的終端類型

    1、什么是終端 終端(Terminal)也稱終端設備,是計算機網絡中處于網絡最外圍的設備,主要用于用戶信息的輸入以及處理結果的輸出等。 在早期計算機系統中,由于計算機主機昂貴,因此一個主機(IBM大型計算機)一般會配置多個終端,這些終端本身不具備計算能力,僅僅承擔信息輸入輸出的工作,運算和處理均由主機來完成。 在個人計算機時代,個人計算機可以運行稱為終端仿真…

    Linux干貨 2016-10-19
  • 推薦-Nginx Rewrite的應用-根據訪問平臺做簡單跳轉

    Nginx Rewrite的應用-根據訪問平臺做簡單跳轉 Nginx Rewrite的應用-根據訪問平臺做簡單跳轉 Rewrite模塊簡介 Rewrite的配置 使用不同平臺進行測試 配置參數詳解 Rewrite模塊簡介    Rewrite最主要的作用就是對URL進行重寫,即重定向。舉個簡單的例子,我們用電腦打開淘寶顯示出的頁面與手機打開顯示出的頁面,或者…

    Linux干貨 2016-03-27
  • 安裝CentOS 6.9與CentOS7.3

    今天學習了如何安裝CentOS6.9與CentOS7.3. 安裝CentOS6.9 首先打開虛擬機如下如所示: 然后點擊創建新的虛擬機: 選擇典型,然后點擊下一步: 一般會選擇稍后安裝操作系統,然后點擊下一步 客戶機操作系統有很多,因為今天只安裝CentOS 所以選擇Linux 版本則選擇CentOS 64 位 (因為CentOS7以上沒有32位版本,只有C…

    2017-07-14
  • mysql備份還原

    一、前言 數據對于一個公司來說有多重要這點不說大家也知道,數據還在,服務崩潰還可重建。為什么要備份?很簡單,天災人禍。比如硬件故障,軟件故障,自然災害,黑客攻擊或自身誤操作等因素。這時候備份,恢復數據就顯得至關重要了。 二、基礎概念 由于備份與恢復需要用到一些必要的知識,故在此先講解下 2.1二進制日志 myql日志有多種,其中二進制日志文件對數據恢復有很大…

    Linux干貨 2015-11-30
欧美性久久久久