.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;
}
我的排版v190803
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來扮念,“玉大人损搬,你說我怎么就攤上這事」裼耄” “怎么了巧勤?”我有些...
- 文/不壞的土叔 我叫張陵,是天一觀的道長弄匕。 經(jīng)常有香客問我颅悉,道長,這世上最難降的妖魔是什么迁匠? 我笑而不...
- 正文 為了忘掉前任剩瓶,我火速辦了婚禮,結(jié)果婚禮上城丧,老公的妹妹穿的比我還像新娘延曙。我一直安慰自己,他們只是感情好亡哄,可當(dāng)我...
- 文/花漫 我一把揭開白布枝缔。 她就那樣靜靜地躺著,像睡著了一般蚊惯。 火紅的嫁衣襯著肌膚如雪愿卸。 梳的紋絲不亂的頭發(fā)上灵临,一...
- 文/蒼蘭香墨 我猛地睜開眼笼平,長吁一口氣:“原來是場噩夢啊……” “哼园骆!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起寓调,我...
- 序言:老撾萬榮一對情侶失蹤锌唾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后夺英,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體晌涕,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年痛悯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了余黎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布,位于F島的核電站乖坠,受9級特大地震影響搀突,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜熊泵,卻給世界環(huán)境...
- 文/蒙蒙 一仰迁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧顽分,春花似錦轩勘、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春澄步,著一層夾襖步出監(jiān)牢的瞬間冰蘑,已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓梯皿,卻偏偏與公主長得像仇箱,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子东羹,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案冤议? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 1斟薇、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素恕酸?現(xiàn)在堪滨,利用CSS3的Transform,...