markdownpad2自定義github-css風(fēng)格

系統(tǒng)運維

對于使用windows下的markdownpad2語法編輯器的用戶來說，最蛋疼的是支持功能太少，自定義也費勁，不過通過自定義css能實現(xiàn)簡單的代碼風(fēng)格，這是我修改過的效果如下：

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于做網(wǎng)站、成都做網(wǎng)站、江陵網(wǎng)絡(luò)推廣、成都微信小程序、江陵網(wǎng)絡(luò)營銷、江陵企業(yè)策劃、江陵品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供江陵建站搭建服務(wù)，24小時服務(wù)熱線：13518219792，官方網(wǎng)址：muchs.cn

主要就是修改了這些，后面再研究吧，畢竟css也不是那么熟，都是看著html顏色代碼一個一個試的，后期看看能通過自己寫的js嵌入到編輯器中實現(xiàn)語法高亮度，下面是我修改的css代碼：

/*GitHubstylesheetforMarkdownPad(http://markdownpad.com)*/
/*Author:NicolasHery-http://nicolashery.com*/
/*Version:b13fe65ca28d2e568c6ed5d7f06581183df8f2ff*/
/*Source:https://github.com/nicolahery/markdownpad-github*/

/*RESET
=============================================================================*/

html,body,div,span,applet,object,iframe,h2,h3,h4,h5,h6,h7,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
}

/*BODY
=============================================================================*/

body{
font-family:Helvetica,arial,freesans,clean,sans-serif;
font-size:14px;
line-height:1.6;
color:#333;
background-color:#fff;
padding:20px;
max-width:960px;
margin:0auto;
}

body>*:first-child{
margin-top:0!important;
}

body>*:last-child{
margin-bottom:0!important;
}

/*BLOCKS
=============================================================================*/

p,blockquote,ul,ol,dl,table,pre{
margin:15px0;
}

/*HEADERS
=============================================================================*/

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

h2tt,h2code,h3tt,h3code,h4tt,h4code,h5tt,h5code,h6tt,h6code,h7tt,h7code{
font-size:inherit;
}

h2{
font-size:28px;
color:#000;
}

h3{
font-size:24px;
border-bottom:1pxsolid#ccc;
color:#000;
}

h4{
font-size:18px;
}

h5{
font-size:16px;
}

h6{
font-size:14px;
}

h7{
color:#777;
font-size:14px;
}

body>h3:first-child,body>h2:first-child,body>h2:first-child+h3,body>h4:first-child,body>h5:first-child,body>h6:first-child,body>h7:first-child{
margin-top:0;
padding-top:0;
}

a:first-childh2,a:first-childh3,a:first-childh4,a:first-childh5,a:first-childh6,a:first-childh7{
margin-top:0;
padding-top:0;
}

h2+p,h3+p,h4+p,h5+p,h6+p,h7+p{
margin-top:10px;
}

/*LINKS
=============================================================================*/

a{
color:#4183C4;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

/*LISTS
=============================================================================*/

ul,ol{
padding-left:30px;
}

ulli>:first-child,
olli>:first-child,
ulliul:first-of-type,
olliol:first-of-type,
ulliol:first-of-type,
olliul:first-of-type{
margin-top:0px;
}

ulul,ulol,olol,olul{
margin-bottom:0;
}

dl{
padding:0;
}

dldt{
font-size:14px;
font-weight:bold;
font-style:italic;
padding:0;
margin:15px05px;
}

dldt:first-child{
padding:0;
}

dldt>:first-child{
margin-top:0px;
}

dldt>:last-child{
margin-bottom:0px;
}

dldd{
margin:0015px;
padding:015px;
}

dldd>:first-child{
margin-top:0px;
}

dldd>:last-child{
margin-bottom:0px;
}

/*CODE
=============================================================================*/

code,tt{
font-size:12px;
font-family:Consolas,LiberationMono,Courier,monospace;color:red
}
pre{
font-size:12px;
font-family:Consolas,LiberationMono,Courier,monospace,color:black
}

code,tt{
margin:00px;
padding:0px0px;
white-space:nowrap;
border:#cccsolidthin;
background-color:#F5F5F5;
border-radius:3px;

}

pre>code{
margin:0;
padding:0;
white-space:pre;
border:none;
background:transparent;
color:black
}

pre{
background-color:#F5F5F5;
border:1pxsolid#FFFFFF;
font-size:13px;
line-height:19px;
overflow:auto;
padding:6px10px;
border-radius:3px;

}

precode,prett{
background-color:transparent;
border:none;
}

kbd{
-moz-border-bottom-colors:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
background-color:#DDDDDD;
background-p_w_picpath:linear-gradient(#F1F1F1,#DDDDDD);
background-repeat:repeat-x;
border-color:#DDDDDD#CCCCCC#CCCCCC#DDDDDD;
border-p_w_picpath:none;
border-radius:2px2px2px2px;
border-style:solid;
border-width:1px;
font-family:HelveticaNeue,Helvetica,Arial,sans-serif;
line-height:10px;
padding:1px4px;
}

/*QUOTES
=============================================================================*/

blockquote{
border-left:4pxsolid#2F4F4F;
padding:015px;
color:#777;
background-color:#edf2f7;

}

blockquote>:first-child{
margin-top:0px;
}

blockquote>:last-child{
margin-bottom:0px;
}

/*HORIZONTALRULES
=============================================================================*/

hr{
clear:both;
margin:15px0;
height:0px;
overflow:hidden;
border:none;
background:transparent;
border-bottom:4pxsolid#ddd;
padding:0;
}

/*TABLES
=============================================================================*/
table
{
border-collapse:collapse;
}
tableth{
font-weight:bold;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#F5F5F5;
color:#000000;
}

tableth,tabletd{
border:1pxsolid#ccc;
padding:6px13px;
}

tabletr{
border-top:1pxsolid#ccc;
background-color:#fff;
}

tabletr:nth-child(2n){
background-color:#f8f8f8;
}

/*IMAGES
=============================================================================*/

img{
max-width:100%
}

新聞名稱：markdownpad2自定義github-css風(fēng)格
文章起源：http://muchs.cn/article42/chegec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、移動網(wǎng)站建設(shè)、網(wǎng)站改版、網(wǎng)站設(shè)計、網(wǎng)站維護、自適應(yīng)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容