markdownpad2自定义github-css风格

系统运维

对于使用windows下的markdownpad2语法编辑器的用户来说，最蛋疼的是支持功能太少，自定义也费劲，不过通过自定义css能实现简单的代码风格，这是我修改过的效果如下：

创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于做网站、成都做网站、江陵网络推广、成都微信小程序、江陵网络营销、江陵企业策划、江陵品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们大的嘉奖；创新互联建站为所有大学生创业者提供江陵建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

主要就是修改了这些，后面再研究吧，毕竟css也不是那么熟，都是看着html颜色代码一个一个试的，后期看看能通过自己写的js嵌入到编辑器中实现语法高亮度，下面是我修改的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风格
文章起源：https://www.cdcxhl.com/article42/chegec.html

成都网站建设公司_创新互联，为您提供搜索引擎优化、移动网站建设、网站改版、网站设计、网站维护、自适应网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容