看板 Web_Design 關於我們 聯絡資訊
※ 引述《gpmm (銀色)》之銘言: : 回到 c 大說的使用 css 取代以下 table : <th>種類</th> | <th>票價</th> 與 : <td> A </td> | <td> 100</td> <th>種類</th> | <td> A </td> | <td> B </td> : <td> B </td> | <td> 200</td> <th>票價</th> | <td>100</td> | <td>200</td> : 從 css 角度來看,html 本身只需要先考慮語意和文理, : 而這本來每個人所想的便不同,此處僅提出小弟自己的方式, : <div> : <ul> : <li> : <h5>種類</h5> : <span>A</span> : <h5>票價</h5> : <span>100</span> : </li> : <li> : <h5>種類</h5> : <span>B</span> : <h5>票價</h5> : <span>200</span> : </li> : </ul> : </div> : 然後在由此去經由 css 達到您要的排版方式, : 譬如說第一組 li 設成 first-line,然後把其他 li 中的 h5 都設不顯示等等的, 其實我覺得改這個例子不是很好 因為像這種票價資訊本來就可以使用表格來呈現 而且th不是完全沒辦法讓機器人/screen reader判斷方向 有個scope屬性可以使用 http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6 倒是另外一個頁面layout的Table範例比較適合來表現兩者間的差異 另外有網友推文說到設計師學CSS的問題 其實算是搞錯對象 通常會遇到問題的是圖形設計師出身的(當然寫code出身的懶得學也是有) CSS很偏程式語言,和圖形設計的邏輯差異很大 不是什麼人都可以學程式學的輕鬆愉快 有些人就是會卡在一些地方 腦筋轉不過去 舉理來說 你要跟一個圖形設計師解釋IE的hasLayout問題 談何容易~ -- FrontPage is not a visual web editor. It is an IE page editor. From "designing with web standards" by jeffery zeldman -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.118.5.39
terrylchen:CSS只是其中一種現象,更多的情況是連html最基本的結構 06/04 08:49
terrylchen:都不清楚的。這是這行的基礎,連基礎都不懂得話就跟做 06/04 08:50
terrylchen:平面設計師不懂印刷一樣。 06/04 08:50