如何獲取此元素的CSS？

Question

• http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html

是你去這個網站。向下滾動到「使用按鈕元素」。然後，第一個黑色按鈕稱爲「超級真棒按鈕」

這是什麼完整的CSS？ 只有一堂課。我想要這個的所有屬性。

有什麼方法可以看到它，只有一個類？在螢火蟲中它有很多東西......我不能把它們放在一起。

Answer 1

頂部有一個"Read the blog post »"鏈接，它解釋瞭如何做到這一點。

Answer 2

如果Firebug的輸出對你來說太多了，你可以閱讀上面鏈接的blog post，它解釋瞭如何創建這些按鈕。

Answer 3

這些按鈕的CSS既位於頁面的頭部，也位於名爲global.css的外部樣式表中。這個按鈕和所有按鈕的大部分視覺變化都是頁面頭部樣式中的頁面，如果你想複製這個功能，你需要從這個頁面的頭部複製所有的CSS，以及導致按鈕反射到您的頁面的.png覆蓋圖像。確保你在你的文檔中提到了css的原作者，並且在它應該到期的地方給出信用。

希望幫助

Answer 4

你或許應該採取從http://zurb.com/stylesheets/layouts/default.css

的CSS那麼您應該將頁面

上使用這個CSS之後，你應該創建按鈕：

超級真棒鈕釦»

就是這樣

Answer 5

喲可以在螢火蟲中做到這一點：

按鈕元素有一個類，但其他元素也影響按鈕的視覺效果。這裏是所有的CSS從一個按鈕的屬性（由螢火蟲）：

.large.awesome，.large.awesome：訪問 {字體大小：14px的; padding：8px 14px 9px; }

.awesome，.awesome：訪問， .medium.awesome， .medium.awesome：訪問{ 字體重量：粗體;行高：1; text-shadow：0 -1px 1px rgba（0，0，0， 0.25）; }

.awesome，.awesome：visited { -moz-border-radius：5px 5px 5px 5px; -moz-box-shadow：0 1px 3px rgba（0，0，0，0.5）; background：url（「/ images/alert-overlay.png」） repeat-x scroll 0 0＃222222; border-bottom：1px solid rgba（0，0，0， 0。25）;顏色：#FFFFFF;光標：指針;顯示：內聯塊; 位置：相對; text-decoration：none; }

a {outline：0 none; }

H1，H2，H3，H4，H5，H6，P，BLOCKQUOTE， 預，一個，簡稱，縮寫，地址，引用 代碼，IMG，小，擊，子，SUP， TT， dd，dl，dt，li，ol，ul，fieldset， 表格，標籤，圖例，按鈕，表格， td {border：0 none; font-family：inherit; font-style：normal;餘量：0; text-align：left; }