CSS - id & class
Friday, July 17th, 2009今天有一件事讓我覺得要說說 id & class , 就因為公司一個同事, 他是 programer 但就連 padding / margin 怎樣配合都不清楚, 還以這不清不楚的情況下各我說教, 說什麼: [ 在兩個標籤之間應該用 padding 去將其分格開, 不可用 margin , 因為在 FF 看的話會出問題的! ] 聽到我真的火大, 怎可能會有問題?
當時情況是有個 id 設定 ( setting ) 好了某標籤的外形, 但我用 margin 設定好了位置, 但事情是要用一樣的標籤在同一畫面不同地方出現(月曆), 所以他就想找我做晒所有 setting , 之後我提意佢可以用 program 去改, 加多一個 class 在標籤中, 在 class 設定變數(位置), 在 id 保留外形的設定, 之後他改來改去都不成功, 說是應該用 padding , 但其實當時變數的只是上下的位置, 所以左右的位置設定保留在 id 以上下的就設定於 class 中。
如下:
— CSS —
#idName {
margin-left: -50px;
z-index:999;/*外形設定*/
XXX: xxxx;/*外形設定*/
}
.className {margin-left: -50px;}
— html —
<div id=”idName” class=”className”>Something Something</div>
就可以得到 id 和 class 的最佳配合了。
但上述只是例子, 有很多不同的情況都可以用上面方式配合出不同的效果, 將讓你的 css + div 用得更靈活更方便和更簡潔, 如有其實例子的問題, 可以回應分享一下！