其他属性

letter-spacing

letter-spacing 属性增加或减少字符间的空白（字符间距）

xxxxxxxxxx
h1 {letter-spacing:2px}
h2 {letter-spacing:-3px}

line-height

设置行高

xxxxxxxxxx
p{
  height: 30px;
  line-height: 30px;
}

overflow

xxxxxxxxxx
div{
    width:150px;
    height:150px;
    overflow:scroll;
}

white-space

white-space属性指定元素内的空白怎样处理

xxxxxxxxxx
p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

verticle-align

vertical-align 属性设置一个元素的垂直对齐方式

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐

xxxxxxxxxx
img{
    vertical-align:middle;
}

opacity

设置整个元素的透明度，取值0-1,0表示完全透明，1表示不透明

实时效果反馈

1.内容超出了容器承载范围，下列哪个属性可以隐藏超出内容：

A line-height

B white-space

C overflow

D opacity

答案

1=>C

实操

1. 【实操】通过CSS给一个容器设置背景图片，并应用所有背景属性
2. 【实操】实现单行文本，如果超出容器大小，使用 ... 代替
3. 【实操】利用两种方式实现一个 div 盒子半透明