简书的css排版,css格式化排版
1，文字排版
1-1，字體
.p1 {
font-family: "宋體"
}
運行效果：
第一個段落為“宋體”
1-2，字號和顏色
p {
font-size: 25px;
color: #0F0
}
運行效果：
兩個段落的字號為“25px”，字體顏色為“#0F0” ? 第一個段落繼承了 ?.p1 的字體，字體為“宋體”
1-3，粗體和斜體
1-3.1，粗體
.p2 {
font-weight： bold
}
運行效果：
段落二的字體粗細為“bold”(粗體)
bold(粗體) ?lighter (細體) ? normal (正常體)
1-3.2，斜體
.p2 q {
font-style: italic
}
運行效果：
段落中引用的字體為“italic”(斜體)
1-4，下劃線，刪除線
.cost1 {
text-decoration: underline
}
.cost2 {
text-decoration: line-through
}
運行效果：
“現價”樣式為“underline”(下劃線) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ”原價“樣式為：“line-through”(劃掉)
2，段落排版
2-1，縮進
.p1 {
text-indent: 2em
}
運行效果：
第一段開始空出“2em”
文本中的“em”的大小是根據font-size：的值來變化的!
例：font-size：20px；則 1em=20px
2-2，行間距
.p1 {
line-height: 2em
}
運行效果：
段落中每個字符占的行間距“2em”
2-3，字間距
.spacing1 {
letter-spacing: 20px
}
.spacing2 {
word-spacing: 20px
}
運行效果：
letter-spacing：運行如第一段，作用于每一個文字和字母！(單詞會被拆分成字母)
word-spacing：運行如第二段，作用于每一個單詞
2-4,文本排列
h1 {
text-align: center
}
h2 {
text-align: left
}
h3 {
text-align: right
}
運行效果：
center(中) ?left(左) ?right(右)
總結
以上是生活随笔為你收集整理的简书的css排版,css格式化排版的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 计算机二级报名可以报两个地方吗,同学们注
- 下一篇： i7跑服务器系统,i7主机做服务器