亚洲欧洲精品成人久久曰影片,四虎国产精品免费久久久,久久精品国产免费一区,亚洲欧洲国产精品久久,国产精品三级在线播放,欧美精品专区免费观看,欧美国产综合视频在线观看

云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡公司

列表li的使用場合和注意事項

來源:昆明多彩網(wǎng)絡公司 日期:2010-09-21 閱讀: 發(fā)表評論

li在網(wǎng)站建設(shè)中應該的非常多:新聞列表,產(chǎn)品列表等等有些有“排列”特性的內(nèi)容都可能用得到它,但并不是所有的“排列”場所都要使用

看看li在網(wǎng)頁中的應用:

1、新聞列表,最最常見的網(wǎng)頁內(nèi)容排列,一行后跟著一行,然后翻頁;典型代碼:<li><a href="http://visionarywomen-art.com">新聞的標題:昆明網(wǎng)站建設(shè)公司</a>2010-9-21</li>,一般是標題居左,日期居右,css應該這樣寫:li { text-align: right} li a { float: left},可以做到最少代碼和最少的classname。

2、產(chǎn)品列表,也經(jīng)常用到li用來排序,典型代碼:<li><a href="http://visionarywomen-art.com"><img src="test.jpg"><br>產(chǎn)品名稱</li>,css應該這樣寫:li { width: 150px; height: 150px; display: inline-block; *display: block; *zoom: 1; text-align: center},其中*號是為了兼容ie6及一下版本的瀏覽器,這樣寫兼容性極好,和之前用的float寫法相比可以更加容易控制元素的擺放,并且不用寫多余的css hack代碼去兼容更多的瀏覽器。

3、導航列表,每個網(wǎng)站都有導航,這個應該是最多用的場所了,看看以前的寫法吧:<li><a href=http://visionarywomen-art.com>網(wǎng)站首頁</a></li>,這樣寫,看似沒有什么的,但是從精簡代碼的角度來看還不算完美,我們應該直接寫成<a href=http://visionarywomen-art.com>網(wǎng)站首頁</a>,css應該這樣寫:a { display: inline-block; width: 150px; height: 30px},li的inline-block有ie6的兼容問題,但是a標簽的inline-block屬性所有瀏覽器都認可,不存在兼容問題。

以上幾種方式都是本著盡量減少網(wǎng)頁代碼量,極限提升網(wǎng)站速度,兼容所有瀏覽器的角度得出的經(jīng)驗心得。

發(fā)表評論評論列表(有 條評論)

英山县| 三明市| 鸡西市| 泰宁县| 瓮安县| 大洼县| 新昌县| 星座| 花莲市| 桑植县| 宜春市| 呼伦贝尔市| 华宁县| 普兰县| 德安县| 惠安县| 调兵山市| 广灵县| 且末县| 临颍县| 磐安县| 兴安盟| 鄱阳县| 剑河县| 塔河县| 高州市| 梅河口市| 日土县| 祁连县| 正宁县| 理塘县| 雷州市| 临沂市| 清丰县| 内江市| 宁南县| 鄂尔多斯市| 巴南区| 丹东市| 根河市| 潞城市|