看板 Web_Design 關於我們 聯絡資訊
※ 引述《ybite (小犬)》之銘言: : ※ 引述《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) 我越問越顯現出我功課做得不夠了(爆 我還要把一些觀念和標籤、選擇器等等名詞再讀回來才行OTL 那再問一下,那像我想要做到 「大家好,我現在做一個網頁」 裡面的其中幾個字想標上顏色,那我該怎麼寫呢?若是我在串接樣式表.css檔上面 已經設定了預設的文字顏色,和紅色字的設定,可是我用<p></p>寫在網頁上, 可能就會變成 「大家好, 我現在 做一個網頁」 因為<p></p>有分行的效果,那我該怎做呢? : : 2.另外,要怎麼知道哪些語法和標籤盡量不要使用呢?比如說那時候知道有W3C規格 : :  ,也知道好像有網頁可以輸入網址去檢查,雖然我輸入了還是不知道哪裡有問題, : :  像分行的<br>有不建議使用嗎?這類的,或是哪樣的語法寫出來雖然讀的到,但是 : :  不建議使用這樣 : 基本上,黑貓白貓,瀏覽器讀得出來的就是好貓 : 雖然frame人人喊打,但仍是很多東西的最方便解決方案 : 雖然embed不是W3C標準,但是你用到它的機率恐怕還是很高 : 雖然一堆網頁不是Valid (X)HTML,但是還是一堆人上這些網站 : 只是要看你自己的想法是什麼 : 想把網頁寫得W3C標準一點,慢慢啃HTML4規格書,花一堆時間在Validator是需要的 : 但如果你想得只是作一個成品出來,迴避掉IE6 only的東西就已經算很高的要求了 : <br>不會不建議使用,但是盡有可能以<p></p>方式分段是個好習慣 : 這兩個的差別就像Word的shift+enter換行和enter換行 我想目前還是先做到避免IE only的網站吧,另外我也看到書上寫盡量不要使用像 <br><br><br><br> 這樣的連續的<br>排在一起達到空出幾行的作法,那我要是想避免這樣,要怎麼做比 較好呢? : : 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 我想目前想到的就是都裝上去吧,目前我有裝Fx3、Google Chrome、IE6,可能還需要 安裝其他瀏覽器,再問問看有沒有可以類似IE Tab的東西可以切換各種引擎這樣@@ 先謝謝您的回答,對我來說很有幫助,我想我得從基礎再重新開始 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 218.172.247.214
adamp3:用<span>, <span>預設是inline,<p>是block 09/22 23:24
adamp3:如果你要取代多個<br>最快的方法就是對<p>設上下的margin 09/22 23:25