傳統(tǒng)頁面的構(gòu)造方法
“專業(yè)、務(wù)實(shí)、高效、創(chuàng)新、把客戶的事當(dāng)成自己的事”是我們每一個(gè)人一直以來堅(jiān)持追求的企業(yè)文化。 創(chuàng)新互聯(lián)建站是您可以信賴的網(wǎng)站建設(shè)服務(wù)商、專業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專注于做網(wǎng)站、網(wǎng)站建設(shè)、軟件開發(fā)、設(shè)計(jì)服務(wù)業(yè)務(wù)。我們始終堅(jiān)持以客戶需求為導(dǎo)向,結(jié)合用戶體驗(yàn)與視覺傳達(dá),提供有針對(duì)性的項(xiàng)目解決方案,提供專業(yè)性的建議,創(chuàng)新互聯(lián)建站將不斷地超越自我,追逐市場(chǎng),引領(lǐng)市場(chǎng)!
因?yàn)橥?,所以叫青?/h2>
寫給獨(dú)自站在人生路口的你
[韓]金蘭都
青春, 之所以艱難,是因?yàn)楣聠巍?/p>
- ......完整內(nèi)容見附件
因?yàn)槭褂昧?div>元素,所以添加樣式表很容易。下面,就是為頁眉及其中的內(nèi)容添加樣式的規(guī)則。
- .Header {
- background-color: #7695FE;
- border: thin #336699 solid;
- padding: 10px;
- margin: 10px;
- text-align: center;
- }
- .Header h1 {
- margin: 0px;
- color: white;
- font-size: xx-large;
- }
- .Header .Teaser {
- margin: 0px;
- font-weight: bold;
- }
- .Header .Byline {
- font-style: italic;
- font-size: small;
- margin: 0px;
- }
其余的樣式參見附件。上述代碼實(shí)現(xiàn)的頁面的整體樣式如下:
上述頁面編寫規(guī)范,通過使用
使用HTML5改造頁面
HTML5可以改進(jìn)這種情況,可以把
青春, 之所以艱難,是因?yàn)楣聠巍?/p>
上述這些是譯的觀點(diǎn)
Copyright © 2013
上面的代碼中
因?yàn)橥矗越星啻?/h2>
寫給獨(dú)自站在人生路口的你
[韓]金蘭都
修改之后,為語義元素應(yīng)用的樣式表也應(yīng)該做如下調(diào)整:
- header {
- ... //與代碼1-1 的內(nèi)容一樣
- }
- header h1 {
- ... //與代碼 1-2 內(nèi)容一樣
- }
- header .Teaser {
- ...//與代碼1-3內(nèi)容一樣
- }
- header .Byline {
- ...//與代碼1-4內(nèi)容一樣
- }
這兩種樣式都會(huì)得到相同的結(jié)果。