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