通過代碼實(shí)例跟我學(xué)css樣式單技術(shù)的應(yīng)用實(shí)例第4部分——xhtml頁面中的div和span標(biāo)簽的應(yīng)用及實(shí)例(參考版)
2024-11-20 17:25本頁面
【正文】 如果還有更多的圖片列表的話，那么第一種 CSS 布局方法就更有優(yōu)勢。 margin:5px auto。 } } /script /headbodyform name=searchForm action= method=post onClick=searchFormSubmit() input type=radio name=radioButtonEvent onclick=hiddenAll()checked查看所楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 19/20 頁 19 有圖書 br input type=radio name=radioButtonEvent onclick=showSearch()精確搜索 br table id=showSearchTable style=display:none border=1 bgcolor=FF0000 trtd 書名 ： /tdtdinput type=text name=title onMouseOver=() onFocus=()/td/tr trtd 作者 ： /tdtdinput type=text name=author onMouseOver=() onFocus=()/td/tr trtd 出版社 ： /tdtdinput type=text name=bookconcern onMouseOver=() onFocus=()/td/tr /tablebr input type=radio name=radioButtonEvent onclick=showKeyWord()關(guān)鍵字搜索 br table id=showKeyWordTable style=DISPLAY:none border=1 bgcolor=6699CC trtd 請 輸 入 關(guān) 鍵 字 ： /tdtdinput type=text name=keyword/td/tr /table input type=reset value=重新輸入 input type=submit value=搜索 /form/body/html （ 3）瀏覽后的各個(gè)結(jié)果圖示 對比下面的兩種實(shí)現(xiàn)方式的差別理解 CSS 的“結(jié)構(gòu)”和“表現(xiàn)”分離的意義 （ 1）用 CSS 排版的一組圖像 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 20/20 頁 20 style type=text/css photoList img{ height:80。 = none。 } else{ = none。 } } function showSearch(){ if([1].checked) { = 。 charset=gb2312 / title網(wǎng)上書店查詢頁面 /title script language=javascript function searchFormSubmit(){ if([0].checked){ = } else if([1].checked){ = } else{ = } } 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 18/20 頁 18 function hiddenAll(){ if([0].checked){ = none。 但頁面中的內(nèi)容是“靜態(tài)”和“固定”的，并且操作者不能與它進(jìn)行交互。那么所有的這些外觀的效果就是我們 要說的“表現(xiàn)” 。 （ 2）早期的頁面結(jié)構(gòu)設(shè)計(jì)方式是采用 表格進(jìn)行布局 form name=searchForm action= method=post input type=radio name=radioButtonEvent checkedlabel 查看所有圖書/label brbr input type=radio name=radioButtonEvent label精確搜索 /label table id=showSearchTable style=display:inline trtdlabel 書名： /label/tdtdinput type=text name=title/td/tr trtdlabel 作者： /label/tdtdinput type=text name=author/td/tr trtdlabel 出版社： /label/tdtdinput type=text 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/20 頁 15 name=bookconcern/td/tr /tablebr brbr input type=radio name=radioButtonEvent label關(guān)鍵字搜索 /label table id=showKeyWordTable style=DISPLAY: inline trtdlabel 請 輸 入 關(guān) 鍵 字 ： /label/tdtdinput type=text name=keywor
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1