2011-09-21 112 views
1
border-color:#4d90fe!important 

上面這行代表html/css中的含義。我已經在谷歌,臉書以及更多網站(源代碼)中融入了這些風格。什麼!重要表示?任何人都可以清除這些問題,以下代碼是什麼意思?

1) when to use % or em 
2) when to use px 

當我看到谷歌頁面源時,我發現它有時使用%有時和px。主要用於填充,邊緣邊框,寬度,它使用px以及它在某些時間使用的寬度和高度%。在混淆中使用px和%時,任何人都可以清楚我何時使用px以及何時使用%或em 。

+0

請分開您的問題。另外,每個可以找到的CSS教程都涵蓋了*!important *的含義。 :) – bzlm

+1

** [W3C解釋](http://www.w3.org/TR/CSS2/cascade.html#important-rules)**關於!重要的關鍵字。 – Anson

+0

我沒有發現它在w3schools.com抱歉說!我發現它在其他地方,但無法理解這個概念這就是爲什麼我在這裏問它一個很好的解釋! – niko

回答

4

使用google這是很容易對自己的回答不太有2分:

  • !important(搜索css !important
    簡稱:!important設置CSS規則到最高優先級/優先級,並覆蓋所有其他規則指定用於所述相同屬性
  • explanation of units(搜索css units
    另一個值總之:px意味着像素,em指的是實際的字體高度和%是個 - 幾乎是自我解釋
1

%是當你想要一個縮放網站。的事情是彼此的百分比,例如:

<div style="width:100%;"> 
    <div style="width:50%"></div> 
</div> 

px爲用於當要爲其分配一個屬性的確切像素尺寸,例如寬度:

<div style="width:100px;"> 
    <div style="width:50px"></div> 
</div> 

上述兩個例子不是一回事。帶%的將填充父元素(它所包含的元素),而另一個只會與px(像素)指定的大小一樣大。

在評論之後添加:縮放意味着如果屏幕的大小按用戶更改用戶,則內容將自動調整爲瀏覽器窗口的大小(例如,具有不同的顯示器分辨率)。

屬性可能更好地定義爲屬性。一個<div>例如屬性可以是寬度,高度,顏色等...

+0

你能否請詳細說明一下,以便我能理解我真的不知道什麼是縮放和屬性,因爲我最近開始在谷歌上學習HTML5和CSS – niko

+0

我在谷歌上發現了一些片段,即使是耐寒的,但有時我並不瞭解它對程序員來說真正的價值在於理解概念,而不是複製在谷歌上發現的代碼!所以請幫助我! – niko

1

對於重要的發言,如果你不知道,CSS的解釋,這(除其他事項外)的手段從上到下閱讀,因此,如果您定義例如:

.one { border-color: #000000; } 
.two { border-color: #ffffff; } 

HTML:

<div class="one two"></div> 

這個div將有#fffff f作爲邊框顏色。 現在,如果您有:

.one { border-color: #000000 !important; } 
.two { border-color: #ffffff; } 

而且同一div的邊框顏色之前會#000000。因爲第一個定義優先的重要性。

您可以閱讀更多關於!這裏很重要(例如):http://www.yellowjug.com/web-design/the-importance-of-important-in-css/

至於em /%和px的用法,Musaab響應是非常自我解釋的。