CSS3.0

溢出容器，要打点展示

1.单行文本

.xxx{
    white-space:nowrap;溢出部分不换行
    overflow:hidden;溢出部分隐藏
    text-overflow:ellipsis;溢出部分...展示
}

2.多行文本

背景插入图片

.xxx{
    width:200px;
    height:200px;
    border:1px solid black;
    background-image:url(xx.jpg);
    background-size:100px 100px;
    background-repeat:repeat(no-repeat，repeat-x, repeat-y);如果图片没有铺满容器就平铺(单个展示，x轴平铺，y轴平铺)
    background-position:x(right,left,center,top) y(right,left,center,top);
}

使不加载CSS情况下html依旧可以使用

<a href="xxx">某个网站</a>

a{
    width:200px;
    height:150px;
    border:1px solid black;
    background-image:url(xx.jpg);
    background-size:200px 150px;

    text-indent:200px;
    white-space:nowrap;
    overflow:hidden;
}

容器居中

.大容器{
    height:30px;
    background-color:#123;
}

.小容器{
    margin:0 auto;
    width:1200px;
    height:30px;
    background-color:#0f0;
}

文字对齐线

vertical-align:;