網(wǎng)頁設(shè)計(jì)之css div PK table css_網(wǎng)頁設(shè)計(jì)教程
推薦:關(guān)于下拉箭頭現(xiàn)在的軟件越做越大,功能也越來越復(fù)雜,然而展示給用戶操作的界面卻有限,聰明的交互設(shè)計(jì)師們想出了很多方法來解決這類問題,比如放出常用操作,而把一些不常
用過div css作個(gè)整個(gè)網(wǎng)站,假如是純粹的div的布局是比較麻煩的,尤其是你div里面嵌套div的,div布局的時(shí)候,你有些頁面效果還是要舍棄一點(diǎn)的,比如圖片的圓角,這些假如套div比較麻煩,在一個(gè)div在VS2005設(shè)計(jì)器里面可能變形,假如過多的套div,你實(shí)現(xiàn)ajax拖動(dòng)效果的時(shí)候比較麻煩,所以我覺得眼下還是div 嵌套table比較好。
圓角——可以用div css做出一樣漂亮的圓角,而且不用圖片,而且是寬度、高度自適應(yīng)的
怎么實(shí)現(xiàn)?挖挖Google Talk的css模板
忘掉 div 和 table 吧!
html 最大的特點(diǎn)就是兼容性和自適應(yīng)性。
使用了復(fù)雜的 div css 后,你也許會(huì)發(fā)現(xiàn)在 IE 中很美觀的頁面在其他瀏覽器中看起來象一團(tuán)漿糊。做一個(gè)網(wǎng)站而只服務(wù)與特定的瀏覽器,是不可取的。假如看到哪個(gè)網(wǎng)頁上有“請(qǐng)用 XXX 瀏覽”的字樣,一個(gè)字的評(píng)價(jià)“爛”!
html 瀏覽器會(huì)自動(dòng)根據(jù)頁面的內(nèi)容進(jìn)行排版,這是普通的應(yīng)用程序難以做到的。做出“請(qǐng)用 X*Y 以上分辨率瀏覽”的、在高分辨率顯示器上浪費(fèi)了大量頁面左右空白而使用長(zhǎng)長(zhǎng)滾動(dòng)條的、使用了固定字體大小的,統(tǒng)統(tǒng)都是從開發(fā)應(yīng)用程序轉(zhuǎn)過來的“半路出家的和尚”。
千萬不要模擬所謂的“XX優(yōu)秀網(wǎng)站設(shè)計(jì)”,那假如不是主辦方有意的推廣某種技術(shù),就是作者的美術(shù)功底太過優(yōu)秀的。一個(gè)好的網(wǎng)站,只有先做到內(nèi)容充實(shí)、簡(jiǎn)潔、合理組織、方便閱讀,再去考慮錦上添花的修飾。
已經(jīng)完全轉(zhuǎn)型div/css 剛開始還是比較麻煩,動(dòng)不動(dòng)就查樣式文檔,現(xiàn)在基本實(shí)現(xiàn)手寫。
推薦用VS2005布局,比如一個(gè)頁面在VS2005的標(biāo)準(zhǔn)樣式布局后,再將一個(gè)個(gè)樣式取出到單獨(dú)css文件中,這是比較快的辦法。
SPAN 和 DIV 的區(qū)別在于,DIV(division)是一個(gè)塊級(jí)元素,可以包含段落、標(biāo)題、表格,乃至諸如章節(jié)、摘要和備注等。而SPAN 是行內(nèi)元素,SPAN 的前后是不會(huì)換行的,它沒有結(jié)構(gòu)的意義,純粹是應(yīng)用樣式,當(dāng)其他行內(nèi)元素都不合適時(shí),可以使用SPAN。
下面以一個(gè)實(shí)例來說明這兩個(gè)屬性的區(qū)別。
代碼:
SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性,即它什么事也不會(huì)做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標(biāo)識(shí)符答應(yīng)你將一個(gè)段落分成不同的部分。
還有一個(gè)標(biāo)識(shí)符具有類似的功能,
DIV也被用來在HTML文件中建立邏輯部分。但與
SPAN不同,
工作于文本塊一級(jí),它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果:
SPAN標(biāo)記有一個(gè)重要而實(shí)用的特性,即它什么事也不會(huì)做,它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標(biāo)識(shí)符答應(yīng)你將一個(gè)段落分成不同的部分。
還有一個(gè)標(biāo)識(shí)符具有類似的功能,
DIV也被用來在HTML文件中建立邏輯部分。但與
SPAN不同,
工作于文本塊一級(jí),它在它所包含的HTML元素的前面及后面都引入了行分隔
分享:只需要五步,輕松制作網(wǎng)站的LOGO網(wǎng)站LOGO(標(biāo)志)是站點(diǎn)形象的重要體現(xiàn),好的LOGO圖片不僅能夠吸引瀏覽者的點(diǎn)擊,更可以起到凸顯網(wǎng)站內(nèi)涵的作用。但是限于技術(shù)等原因,很多站長(zhǎng)不能制作出令人滿
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計(jì)教程-網(wǎng)頁設(shè)計(jì)之css div PK table css
。