麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > CSS > 正文

CSS布局時使用HTML-標簽

2020-03-24 16:09:19
字體:
來源:轉載
供稿:網友

CSS高級布局已逐漸流行,但面對所謂DIV+CSS布局的叫法讓人更為擔心,不要讓DIV成為Table的替代品,多層嵌套的DIV會嚴重影響代碼的可閱讀性,活用HTML為我們提供的標簽吧。

什么時候應該用DIV?

雖然在這方面沒有什么硬性的規定,但個人認為DIV更適用于大體框架的定位.例如我們要定義一塊頭部的區域,一般會這樣定義一個DIV:

<div id="header">這里就是頭部框架里要寫的內容</div>

當然,可以用html' target='_blank'>class來定

qq超拽網名[www.la240.com/html2017/1/4/]義,但一般來講如不是在同一頁面會重復的元素,用id能更好的區別開來.

本人觀察了下alistapart的首頁代碼,它的頭部定義代碼如下:

以下是引用片段: <ul id="navbar"> <li id="articles"> <a href="/articles/" title="Articles">Articles</a></li> <li id="topics"> <a href="/topics/" title="Topics">Topics</a></li> <li id="about"> <a href="/about/" title="About">About</a></li> <li id="contact"> <a href="/contact/" title="Contact">Contact</a></li> <li id="contribute"> <a href="/contribute/" title="Contribute">Contribute</a></li> <li id="feed"> <a href="/feed/" title="Feed">Feed</a></li> </ul> <h1 id="masthead"> <a href="/"> <img src="/pix/alalogo.gif" alt="A LIST Apart: For People Who Make Websites" /> </a> </h1>



以下是引用片段:<div id="ish"> <a href="/issues/214" title="Issue 214">No. <em>214</em></a> </div> 效果可訪問:ALA

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 日本一道aⅴ不卡免费播放 久久久久久久高清 | 毛片免费看电影 | 久久中文字幕在线观看 | china对白普通话xxxx | 精品成人网 | 中文字幕激情视频 | 欧美a在线观看 | 久久超| 久久精品一区视频 | 欧美日韩一 | 羞羞视频免费网站男男 | 三级国产三级在线 | 午夜视频在线观看91 | 欧美成人免费电影 | 午夜久久久精品一区二区三区 | 天天撸日日夜夜 | 日韩精品中文字幕一区二区 | 毛片在哪里看 | 日韩黄色av | 免费网站看毛片 | 久久91精品国产91久久yfo | 亚洲一区二区三区精品在线观看 | 天天看成人免费毛片视频 | 久久亚色 | 日本黄色大片免费 | 国产成人精品一区在线播放 | 一区在线视频观看 | 国产精品91久久久 | 欧美va亚洲 | 日本aⅴ在线| 免费一级欧美在线观看视频 | 欧产日产国产精品v | 好吊色欧美一区二区三区四区 | 中文字幕在线观看视频一区 | 欧美成年人在线视频 | 久久久久久久久久久av | 精品国产一区二区三区四区在线 | 久久精品中文字幕一区二区 | 国产精品剧情一区二区三区 | 国产一区在线观看视频 | 欧美在线中文字幕 |