css小知识

CSS设置缩进、字体间距、行间距（行高）

1. 缩进 text-index

text-index:20px; 段落开头缩进了20px；主要对设置的标签的开头缩进；

小技巧：给页面添加logo利用h标签，输入文字并且对 text-index 给其设置一个较大的负值，可达到隐藏文本的效果

2. 字体间距 letter-spacing

letter-spacing:3px;

3. 行间距（行高）line-height

设置行间距及设置行高，line-height；注意单位

line-height:27;和line-height:27px;是2个概念

CSS的几种隐藏方式

1. opacity

通过设置透明度opacity:0;可以达到隐藏的效果，但是会出现占位的情况，被隐藏的元素依然会对我们的网页布局起作用，用户可以与它交互；

2. Visibility

设置 visibility:hidden；也可以达到隐藏的效果，同样也会出现占位的情况，被隐藏的元素依然会对我们的网页布局起作用，与 opacity 唯一不同的是它不会响应任何用户交互；

3. display

设置display:none;这个就是真正意义上的隐藏了，不会出现占位的情况，被隐藏的元素不占据任何空间，何对该元素直接进行用户交互操作都不可能生效；；

注：这里的占位和不占位的意思是：

• 占位：当前元素还在这个位置，如果你想点击操作这个标签覆盖的元素，就会发现无法操作；
• 不占位：当前元素已经不在这个位置，此时如果你点击操作这个标签覆盖的元素，就可以操作；这种方式产生的效果就像元素完全不存在。