温习7.4

font-weight:bold;(文本加粗)

font-variant：small-caps（小型大写字母）

text-indent缩进

text-overflow:ellipsis;(文本溢出是显示省略符)

background-repeat：no-repeat（背景图片在容器内不平铺）

padding(盒子的内容与盒子边框之间的距离)

display：block（转换为块级元素）

当输入的css属性发生重复使用时，可以创建相同的类名实现所需的效果：

例：

HTMl代码：

<div class="item activity">
<div class="item story">
<div class="item science">

CSS代码：

.activityStoryScience .asscontent .item{
                     width:392px;height:310px;
                     border-left:solid 1px #ccccca;
                     border-right:solid 1px #ccccca;
                     float:left;}

或者写为：.activityStoryScience .asscontent  .activity，

                  .activityStoryScience .asscontent  .story,

                   .activityStoryScience .asscontent .science{

                     width:392px;height:310px;
                     border-left:solid 1px #ccccca;
                     border-right:solid 1px #ccccca;
                     float:left;}