我的排版v190803

.output_wrapper/*此屬性為全局*/
{
     font-size: 16px;/*字號绿聘,16其實(shí)還是蠻合適的,但是我就是想用一用17*/
     color: #3f3f3f;/*字體顏色*/
     line-height: 1.85em;/*行高*/
     word-spacing:0.5px; /*字間距*/
     letter-spacing:0.5px;/*字符間距*/
     font-family:"Microsoft YaHei UI","Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;/*字體庫*/   
}

.output_wrapper *
{
  font-size: inherit;/* inherit=繼承*/
  color: inherit; /*同上*/
  line-height: inherit;/*同上*/
  margin:0px; /*外邊距晰绎,margin:10px 5px=上外邊距和下外邊距是 10px,右外邊距和左外邊距是 5px*/
  padding:0px;/*內(nèi)邊距*/
}

h1,h2,h3,h4,h5,h6
 {
  color:#009688;/*改變了其默認(rèn)的標(biāo)題顏色*/
  /*text-align: center;改變了其默認(rèn)值恳邀,使其標(biāo)題居中*/
  margin: 15px  25px;
  font-weight:bold; /*文本的粗細(xì)雳锋,normal默認(rèn)值,標(biāo)準(zhǔn)的字符饮六。bold定義粗體字符其垄。bolder定義更粗的字符。lighter定義更細(xì)的字符卤橄。*/
}

h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

p /*段落*/
{
  margin: 15px  25px;
}

strong  /*強(qiáng)調(diào)*/
{
font-weight:normal;/*normal_bold_bolder_lighter*/
color:#4f4f4f;/*字體顏色*/
background: #ffff99;
}

blockquote /*引用塊*/
 {
  display: block;
  padding:0em 1em; 
  font-size: 14px;
  padding-right: 15px;
  margin: 15px  25px;
  color:#5f5f5f;
  border-left: 2px solid #009688;
  background:/*就讓它空著吧*/;
  overflow: auto;
  overflow-scrolling: touch; 
  word-wrap: normal;
  word-break: normal;  
}

blockquote p {margin:0px;}

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

ul /*無序列表*/
{
    list-style-type: disc;
}

ol  /*有序列表*/
{
  list-style-type: decimal;
}

li *  {/* color: #3e3e3e;*/} 

li /*在公眾號下绿满,改變不了li符號的屬性(如顏色),并會影響其子元素的屬性;而在其它博客平臺中窟扑,則能正常使用*/ 
{ 
    margin-bottom: 0.5em;
/*  color:#159957; */    
}

a { /*超鏈接*/
  text-decoration: none;
  color: #1e6bb8;
  word-wrap:break-word;
}

em /*斜體*/
{
 font-style:italic;
}
del /*刪除線*/
{
 font-style:italic;
}
strong em/*強(qiáng)調(diào)的斜體*/
{
font-weight: bold;
}

hr {  /*分隔線*/
  height: 1px;
  margin: 1.5rem 0px;
  border: none;
  border-top: 1px dashed #A5A5A5;
}
img
{
  display: block;
  margin:0 auto;  /*圖片水平居中*/
  /* margin:0 0;  */ /*圖片水平居左喇颁,如需要請打開*/
  max-width:100%;
}
figcaption/*圖片描述文字*/
{
  margin-top:10px;
  text-align:center;
   /* text-align:left;  */ /*當(dāng)圖片水平居左時(shí),請打開*/
  color:#999;
  font-size: 0.7em;
}


/*================表格開始================*/
table
{
 display:table;
 width: 100% ;
 text-align: left;
}
tbody {
  border: 0;
}

table tr {
  border: 0;
  border-top: 1px solid #CCC;
  background-color: white;
 
}

/*隔行改變行的背景色嚎货,如需要請打開*/
/*
table tr:nth-child(2n) {
  background-color: #F8F8F8;
}
*/

table tr th, table tr td {
  font-size: 1em;
  border: 1px solid #CCC;
  padding: 0.5em 1em;
  text-align: left;
}
/*表頭的屬性*/
table tr th {
 font-weight: bold;
  background-color: #F0F0F0;
}
/*================表格結(jié)束================*/



/*================數(shù)學(xué)公式開始================*/
.katex-display {/*塊公式*/
  font-size:1.22em; 
}
.katex
{/*行內(nèi)公式*/
  padding:8px 3px;
}
.katex-display > .katex
{/*塊公式*/
   display:inline-block;
   text-align:center;
   padding:3px;
}
.katex img
{/*行內(nèi)公式對應(yīng)的圖片*/
  display:inline-block;
  vertical-align:middle;
}
/*================數(shù)學(xué)公式結(jié)束================*/

a[href^="#"] sup
{/*注腳*/
  vertical-align:super;
  margin:0 2px;  
  padding:1px 3px; 
  color: #ffffff;
  background:#666666;
  font-size:0.7em;
}

/*================任務(wù)列表開始================*/
.task-list-list {
  list-style-type: none;
}
.task-list-list.checked {/*已完成*/
  color: #3e3e3e;
}

.task-list-list.uncheck {/*未完成*/
  color: #bfc1bf;
}
.task-list-list .icon_uncheck, .task-list-list .icon_check {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.task-list-list .icon_check:before
{/*已完成*/
    content: "√";
    border: 2px solid #3e3e3e;
    color:red;
}
.task-list-list .icon_uncheck:before
{/*未完成*/
   content: "x";
   border: 2px solid #bfc1bf;
    color: #bfc1bf;
}
.task-list-list .icon_check:before, .task-list-list .icon_uncheck:before
{/*標(biāo)志框*/
  padding:2px;
  padding-left: 5px;
  padding-right: 8px;
  border-radius:5px;
}
/*================任務(wù)列表結(jié)束================*/

.toc
{/*總目錄*/
  margin-left:25px;
}
.toc_item
{/*每條目錄*/
  display:block;

}
.toc_left
{/*每級目錄的縮進(jìn)*/
  margin-left:25px;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末橘霎,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子殖属,更是在濱河造成了極大的恐慌姐叁,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洗显,死亡現(xiàn)場離奇詭異外潜,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)墙懂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來扮念,“玉大人损搬,你說我怎么就攤上這事」裼耄” “怎么了巧勤?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長弄匕。 經(jīng)常有香客問我颅悉,道長,這世上最難降的妖魔是什么迁匠? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任剩瓶,我火速辦了婚禮,結(jié)果婚禮上城丧,老公的妹妹穿的比我還像新娘延曙。我一直安慰自己,他們只是感情好亡哄,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布枝缔。 她就那樣靜靜地躺著,像睡著了一般蚊惯。 火紅的嫁衣襯著肌膚如雪愿卸。 梳的紋絲不亂的頭發(fā)上灵临,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天,我揣著相機(jī)與錄音趴荸,去河邊找鬼儒溉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛赊舶,可吹牛的內(nèi)容都是我干的睁搭。 我是一名探鬼主播,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼笼平,長吁一口氣:“原來是場噩夢啊……” “哼园骆!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起寓调,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤锌唾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后夺英,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體晌涕,經(jīng)...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年痛悯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了余黎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,100評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡载萌,死狀恐怖惧财,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情扭仁,我是刑警寧澤垮衷,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站乖坠,受9級特大地震影響搀突,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜熊泵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評論 3 307
  • 文/蒙蒙 一仰迁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧顽分,春花似錦轩勘、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春澄步,著一層夾襖步出監(jiān)牢的瞬間冰蘑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1 262
  • 我被黑心中介騙來泰國打工村缸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留祠肥,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,547評論 2 354
  • 正文 我出身青樓梯皿,卻偏偏與公主長得像仇箱,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子东羹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 不會用代碼框剂桥,所以看著有些亂套,属提,权逗,,html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個(gè)帥氣的名字閱讀 1,525評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案冤议? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評論 1 92
  • 1斟薇、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素恕酸?現(xiàn)在堪滨,利用CSS3的Transform,...
    kiddings閱讀 3,150評論 0 11
  • width: 65%;border: 1px solid #ddd;outline: 1300px solid #...
    邵勝奧閱讀 4,764評論 0 1
  • devi prayer 你知道嗎?當(dāng)你放松的時(shí)候你的腦波就離開了緊張的β波寿弱,進(jìn)入了放松的α波犯眠,或者接近睡眠的θ波按灶,...
    遇心堂閱讀 1,073評論 0 0