是你去这个网站。向下滚动到“使用按钮元素”。然后,第一个黑色按钮称为“超级真棒按钮”如何获取此元素的CSS?
这是什么完整的CSS? 只有一堂课。我想要这个的所有属性。
有什么方法可以看到它,只有一个类?在萤火虫中它有很多东西......我不能把它们放在一起。
是你去这个网站。向下滚动到“使用按钮元素”。然后,第一个黑色按钮称为“超级真棒按钮”如何获取此元素的CSS?
这是什么完整的CSS? 只有一堂课。我想要这个的所有属性。
有什么方法可以看到它,只有一个类?在萤火虫中它有很多东西......我不能把它们放在一起。
顶部有一个"Read the blog post »"链接,它解释了如何做到这一点。
如果Firebug的输出对你来说太多了,你可以阅读上面链接的blog post,它解释了如何创建这些按钮。
这些按钮的CSS既位于页面的头部,也位于名为global.css的外部样式表中。这个按钮和所有按钮的大部分视觉变化都是页面头部样式中的页面,如果你想复制这个功能,你需要从这个页面的头部复制所有的CSS,以及导致按钮反射到您的页面的.png覆盖图像。确保你在你的文档中提到了css的原作者,并且在它应该到期的地方给出信用。
希望帮助
你或许应该采取从http://zurb.com/stylesheets/layouts/default.css
的CSS那么您应该将页面
上使用这个CSS之后,你应该创建按钮:
超级真棒纽扣»
就是这样
哟可以在萤火虫中做到这一点:
按钮元素有一个类,但其他元素也影响按钮的视觉效果。这里是所有的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; }