作者grantchiue (鴨子)
站內Web_Design
標題Re: [請益] 關於CSS外接樣式表相關
時間Mon Sep 22 23:19:25 2008
※ 引述《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