看板 Web_Design 關於我們 聯絡資訊
※ 引述《grantchiue (鴨子)》之銘言: : 我高中看到CSS樣式表之後,就覺得很棒,尤其是用外部(不確定這樣稱呼對不對) : 的樣式表,可以將多個頁面用同樣的文字、段落...等等的設定,那時候是買書, : 是「博碩文化」的「Web CSS網頁樣式設計學」還有看一些網頁,使用Emeditor來 : 寫這樣,後來寫好簡單到不行的頁面後(真的就是沒有變化和特別的語法)就拿來作 : 成預設頁,之後要寫日記等等的就拿那張改,後來久了,上大學後比較沒時間拿網頁 : 寫日記,就幾乎把語法忘光了,最近想好好來把網頁做點修改,所以想起以前想到的 : 一些觀念問題 : 1.像我把文字、段落、連結樣式等等的設定寫在.css檔裡了,但是我只設定幾個東西 : ,比如說像文字就在.css檔裡寫上 : p{color:#666666; : font-size:0.75em; : line-height:1.5em; : margin-top:0; : margin-bottom:0 : } :  然後在網頁裡面就<p></p>然後中間打字這樣,只是預設文字是灰色,然後我另外 :  又在.css檔裡設定 : p.wht{color:#FFFFFF : } :  之後網頁要用到白色的字,就打上<p class="wht"></p>,然後標籤裡面打上字這樣 :  ,然後我就會想說要是我一個頁面想用不同設定的字,不太可能.css裡面一直設定很 :  多種標籤這樣吧? :  我這樣使用CSS外部樣式表的方法和觀念是不是有錯?像我若是想要在網頁裡面使用 :  多種文字顏色,是不是應該在網頁裡面直接寫文字顏色語法比較好? 看情況吧 如果你用CSS只是想達成「使用各種形式的字」 那使用<p class="white">白色</p>和<p style="color: white">白色</p> 是沒有什麼很大的差別,也沒有所謂的好或不好 但是如果說你希望把網站做得flexible一點或著accessible一點的話 試試看不用顏色、粗細而用「style的特性」去定義class,這樣以後網站改版的彈性也大 (例如:以強調、特別標示、引言...等作為一個class) : 2.另外,要怎麼知道哪些語法和標籤盡量不要使用呢?比如說那時候知道有W3C規格 :  ,也知道好像有網頁可以輸入網址去檢查,雖然我輸入了還是不知道哪裡有問題, :  像分行的<br>有不建議使用嗎?這類的,或是哪樣的語法寫出來雖然讀的到,但是 :  不建議使用這樣 基本上,黑貓白貓,瀏覽器讀得出來的就是好貓 雖然frame人人喊打,但仍是很多東西的最方便解決方案 雖然embed不是W3C標準,但是你用到它的機率恐怕還是很高 雖然一堆網頁不是Valid (X)HTML,但是還是一堆人上這些網站 只是要看你自己的想法是什麼 想把網頁寫得W3C標準一點,慢慢啃HTML4規格書,花一堆時間在Validator是需要的 但如果你想得只是作一個成品出來,迴避掉IE6 only的東西就已經算很高的要求了 <br>不會不建議使用,但是盡有可能以<p></p>方式分段是個好習慣 這兩個的差別就像Word的shift+enter換行和enter換行 : 3.像火狐瀏覽器所吃的語法標準嗎(這樣說法不知道有沒有問題)?還是說有插件可以 :  切換各種瀏覽器所觀看同一份網頁的預覽頁面差異(好像這問題在瀏覽器版問比較好 囧) : 目前想到這些問題,想請教前輩們m(_ _)m 感謝 目前瀏覽器都是「盡可能做到標準點」而已 以目前市佔率看,60~75%的瀏覽器支援大部分的CSS2 (IE7/Fx3/Safari/Opera/GC/...) 剩下的就是CSS bug很多的IE6 所以除非你會寫到很複雜的東西,不然大多只會有CSS的小Bug 至於IE6... 可是CSS Designer之間的公敵 Orz 有一些網站可以讓你看各種瀏覽器下的Screenshot,這是個好工具 可是有的時候不自己測會找不到問題 不過幸虧主流樣板引擎只有四種(Trident/Gecko/WebKit/Presto)全try一下也不太難: Windows:Multiple IE,Fx3,Google Chrome,以及Opera Linux: Wine + IEs4Linux,Fx3,Epiphany-WebKit, Opera -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.112.247.164