就是自己定義一些標(biāo)簽啊,然后獲取那些標(biāo)簽,就像div,div是微軟官方定義的,你也可以自己定義xxx 標(biāo)簽, 然后<xxxx:這個(gè)是標(biāo)簽></xxx:這個(gè)是自定義標(biāo)簽>這個(gè)就是你自己定義的標(biāo)簽,然后獲取修飾就是xxx\:自定義標(biāo)簽{boder:xxx;padingxxx;},但是要在頭文件里面寫明白,不建議涉入。
html里一些定位的標(biāo)簽比如:align,margin,padding,position,(相對(duì)定位relative 和絕對(duì)定位) 還有背景(background-image:url(/i/eg_bg_03.gif) no-repeat center left )的直接定位也可以用,以上那些標(biāo)簽都可以有這些top bottom left right 屬性來(lái)描述。
使用webstorm制作網(wǎng)頁(yè)文件的時(shí)候,難免會(huì)遇到制作表格的情況,而且關(guān)鍵的布局方式一般都是使用表格完成的。
1.制作表格我們需要使用標(biāo)簽table在html中輸入table標(biāo)簽,然后設(shè)置行和列,,tr代表行,td代表列,然后在行和列中輸入相關(guān)的內(nèi)容。
2.預(yù)覽網(wǎng)頁(yè)我們發(fā)現(xiàn),網(wǎng)頁(yè)顯示格式看起來(lái)不像是表格,因?yàn)闆](méi)有框線,這時(shí)候我們需要給table標(biāo)簽設(shè)置邊框,border,如圖所示,在table標(biāo)簽中,定義border的值,這樣再預(yù)覽網(wǎng)頁(yè)我們就可以看到表格樣式。
3.圖中的表格表頭和文本內(nèi)容顯示格式一致,我們可以使用th標(biāo)簽代替td標(biāo)簽作為表格的表頭,系統(tǒng)自動(dòng)將表頭內(nèi)部的文本內(nèi)容加粗居中顯示,這樣表頭格式就被著重定義出來(lái)。
4.可以使用caption標(biāo)簽給表格添加標(biāo)題,caption是table標(biāo)簽的子標(biāo)簽需要寫在table標(biāo)簽內(nèi)部,將需要定義的標(biāo)題文本輸入到caption中。
5.兩行數(shù)值一樣的話可以設(shè)置為rowspan值,如圖所示,兩行數(shù)據(jù)一致,直接設(shè)置rowspan值為2,下一行的這個(gè)數(shù)值就不必單獨(dú)定義了,如果是三行數(shù)值一致,那么可以直接設(shè)置為3.
6.將多列相同數(shù)據(jù)一起顯示可以使用colspan來(lái)進(jìn)行設(shè)置,如圖所示,第三列所有的內(nèi)容都全部顯示一致,我們可以設(shè)置像表格中的合并效果然后一起顯示,這樣就不必每一列都輸入內(nèi)容。