※ 引述《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