|
五、內(nèi)容
我原本只是想做個(gè)盒子，既然做出來(lái)了，當(dāng)然要跟實(shí)際項(xiàng)目聯(lián)系一下，如果允許的話我也想運(yùn)用到真正的項(xiàng)目上去，將盒子作為載體模塊，在上面發(fā)布文章，甚至我想把他弄成可以旋轉(zhuǎn)的做圖片墻，一切皆有可能的，如果連想都不敢想，那就根本不可能會(huì)去做。
掛上文字后效果如下：
html代碼如下：
<div class="inBox box_right">
<div class="conBox">
<h3 class="title">中秋節(jié)要來(lái)啦</h3>
<p>中秋節(jié)要來(lái)啦，龍祝大家中秋有月餅吃...哈根達(dá)斯冰皮的...</p>
</div>
</div>
之所以要在inBox里面套一個(gè)conBox，conBox用來(lái)設(shè)定內(nèi)邊距padding，這樣做是因?yàn)閕nBox設(shè)定了width，如果width跟padding混在一起疊加，會(huì)使容器的寬度變形，所以一般分開(kāi)為妙；至于h3寫(xiě)個(gè)title，是因?yàn)槲以趯?xiě)gotrip的時(shí)候，h1，h2，h3標(biāo)題沒(méi)有統(tǒng)一分級(jí)，使用混亂，而css是這樣寫(xiě)的，比如：.inBox h1{ };
當(dāng)時(shí)寫(xiě)了一批之后有同事提出需要將h1改成h3，如果我一開(kāi)始就這樣寫(xiě).inBox .title{ }，那他說(shuō)修改的時(shí)候我也就只需要修改html標(biāo)簽，我不用動(dòng)css的，吃一塹長(zhǎng)一智，這里寫(xiě)下來(lái)跟大家分享。當(dāng)然有時(shí)候也不必太過(guò)強(qiáng)求，畢竟 起類名是一件很傷腦細(xì)胞的事 哈。
本文鏈接：http://www.95time.cn/tech/web/2011/8551.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 純CSS3透明水晶盒 [5] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 6 頁(yè) 純CSS3透明水晶盒 [6]
