|
|
|
|
|
文章段落通常是首行縮進(jìn)2格,實現(xiàn)起來很簡單,只需設(shè)置一下段落標(biāo)簽p的css即可。
p {
text-indent: 2em; /* 每個P段落,首行空出兩個空格,即縮進(jìn)兩個字符 */
}
blockquote是文字引用標(biāo)簽,若引用文字不再需要首行縮進(jìn)2格,下面的寫法是無效的:
blockquote p {
text-indent: 0em; /* 這樣設(shè)置是無效的 */
}
blockquote p css無效,若p已設(shè)置全局css首行縮進(jìn)2格,那么要讓blockquote p不縮進(jìn)2格,要怎樣寫呢?使用下面的css即可:
blockquote p {
display: inline; /* 這樣設(shè)置后,前面設(shè)置p的css屬性 padding margin 都無效了 */
}
請看下面HTML代碼及最終顯示效果。
讓blockquote p不縮進(jìn)2格
blockquote p不縮進(jìn)2格
知識擴(kuò)充:inline(內(nèi)聯(lián)元素)
CSS--inline(內(nèi)聯(lián)元素),不能設(shè)置width,height,豎直方向的margin,padding沒有,也不能設(shè)置。
內(nèi)聯(lián)元素(inline element)
a - 錨點
abbr - 縮寫
acronym - 首字
b - 粗體(不推薦)
bdo - bidi override
big - 大字體
br - 換行
cite - 引用
code - 計算機(jī)代碼(在引用源碼的時候需要)
dfn - 定義字段
em - 強(qiáng)調(diào)
font - 字體設(shè)定(不推薦)
i - 斜體
img - 圖片
input - 輸入框
kbd - 定義鍵盤文本
label - 表格標(biāo)簽
q - 短引用
s - 中劃線(不推薦)
samp - 定義范例計算機(jī)代碼
select - 項目選擇
small - 小字體文本
span - 常用內(nèi)聯(lián)容器,定義文本內(nèi)區(qū)塊
strike - 中劃線
strong - 粗體強(qiáng)調(diào)
sub - 下標(biāo)
sup - 上標(biāo)
textarea - 多行文本輸入框
tt - 電傳文本
u - 下劃線
var - 定義變量