五、内容

我原本只是想做个盒子，既然做出来了，当然要跟实际项目联系一下，如果允许的话我也想运用到真正的项目上去，将盒子作为载体模块，在上面发布文章，甚至我想把他弄成可以旋转的做图片墙，一切皆有可能的，如果连想都不敢想，那就根本不可能会去做。

挂上文字后效果如下：

html代码如下：

    <div class="inBox box_right">
        <div class="conBox">
        <h3 class="title">中秋节要来啦</h3>
        <p>中秋节要来啦，龙祝大家中秋有月饼吃...哈根达斯冰皮的...</p>
        </div>
    </div>

之所以要在inBox里面套一个conBox，conBox用来设定内边距padding，这样做是因为inBox设定了width，如果width跟padding混在一起叠加，会使容器的宽度变形，所以一般分开为妙；至于h3写个title，是因为我在写gotrip的时候，h1，h2，h3标题没有统一分级，使用混乱，而css是这样写的，比如：.inBox h1{ };
当时写了一批之后有同事提出需要将h1改成h3，如果我一开始就这样写.inBox .title{ }，那他说修改的时候我也就只需要修改html标签，我不用动css的，吃一堑长一智，这里写下来跟大家分享。当然有时候也不必太过强求，毕竟 起类名是一件很伤脑细胞的事 哈。

本文链接：http://www.blueidea.com/tech/web/2011/8551.asp　

出处：蓝色理想
责任编辑：bluehearts

上一页 纯CSS3透明水晶盒 [5] 下一页

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。