CSS設(shè)置縮進(jìn)候生、字體間距、行間距(行高)
1. 縮進(jìn) text-index
text-index:20px;
段落開頭縮進(jìn)了20px;主要對設(shè)置的標(biāo)簽的開頭縮進(jìn)镰踏;
小技巧:給頁面添加logo利用h標(biāo)簽,輸入文字并且對 text-index 給其設(shè)置一個較大的負(fù)值沙合,可達(dá)到隱藏文本的效果
2. 字體間距 letter-spacing
letter-spacing:3px;
3. 行間距(行高)line-height
設(shè)置行間距及設(shè)置行高奠伪,line-height
;注意單位
line-height:27;
和line-height:27px;
是2個概念
CSS的幾種隱藏方式
1. opacity
通過設(shè)置透明度opacity:0;
可以達(dá)到隱藏的效果,但是會出現(xiàn)占位的情況绊率,被隱藏的元素依然會對我們的網(wǎng)頁布局起作用谨敛,用戶可以與它交互;
2. Visibility
設(shè)置 visibility:hidden滤否;
也可以達(dá)到隱藏的效果脸狸,同樣也會出現(xiàn)占位的情況,被隱藏的元素依然會對我們的網(wǎng)頁布局起作用藐俺,與 opacity 唯一不同的是它不會響應(yīng)任何用戶交互肥惭;
3. display
設(shè)置display:none;
這個就是真正意義上的隱藏了,不會出現(xiàn)占位的情況紊搪,被隱藏的元素不占據(jù)任何空間蜜葱,何對該元素直接進(jìn)行用戶交互操作都不可能生效;耀石;
注:這里的占位和不占位的意思是:
- 占位:當(dāng)前元素還在這個位置牵囤,如果你想點擊操作這個標(biāo)簽覆蓋的元素,就會發(fā)現(xiàn)無法操作滞伟;
- 不占位:當(dāng)前元素已經(jīng)不在這個位置揭鳞,此時如果你點擊操作這個標(biāo)簽覆蓋的元素,就可以操作梆奈;這種方式產(chǎn)生的效果就像元素完全不存在野崇。