Как я могу получить CSS этого элемента? - PullRequest
2 голосов
/ 02 апреля 2010

Вы идете на этот сайт. Прокрутите вниз до «Использование элемента кнопки». Затем первая черная кнопка под названием «Super Awesome button»

Какой полный CSS для этого? Всего один класс. Я хочу все атрибуты этого.

Есть ли способ увидеть это, только один класс? В firebug есть много вещей ... и я не могу собрать их вместе.

Ответы [ 5 ]

2 голосов
/ 02 апреля 2010

Справа вверху есть ссылка "Читать пост в блоге" ", объясняющая, как это сделать.

1 голос
/ 02 апреля 2010

Йо может сделать это в firebug:

Элемент button имеет класс, но другие элементы также влияют на внешний вид кнопки. Вот все атрибуты CSS от одной кнопки (от Firebug):

.large.awesome, .large.awesome: посетил {font-size: 14px; обивка: 8px 14px 9px; }

.wesome, .awesome: посетил, .medium.awesome, .medium.awesome: посетил { начертание шрифта: жирный; высота линии: 1; тень текста: 0 -1px 1px rgba (0, 0, 0, 0,25); }

.wesome, .awesome: посетил { -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0 1px 3px rgba (0, 0, 0, 0.5); фон: URL ( "/ изображения / предупреждения-overlay.png") repeat-x scroll 0 0 # 222222; border-bottom: 1px solid rgba (0, 0, 0, 0,25); цвет: #FFFFFF; курсор: указатель; Дисплей: встроенный блок; позиция: относительная; текст-отделка: нет; } * +1010 *

a {контур: 0 нет; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, аббревиатура, адрес, цитировать, код, img, маленький, страйк, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, форма, метка, легенда, кнопка, таблица, Подпись, tbody, tfoot, thead, tr, th, td {border: 0 none; семейство шрифтов: наследовать; стиль шрифта: нормальный; Маржа: 0; выравнивания текста: слева; }

0 голосов
/ 02 апреля 2010

Вы, вероятно, должны взять CSS от http://zurb.com/stylesheets/layouts/default.css

Тогда вы должны использовать эту CSS на своей странице

После этого вы должны создать кнопку:

Super Awesome Button »

Вот и все

0 голосов
/ 02 апреля 2010

CSS для этих кнопок находится как в верхней части страницы, так и во внешней таблице стилей, называемой global.css. Большинство визуальных изменений этой кнопки и всех кнопок страницы находятся в стилях в верхней части страницы, и если вы хотите дублировать эту функцию, вам нужно будет скопировать все CSS из заголовка этой страницы, а также оверлейное изображение .png, которое вызывает отражение кнопки на вашей странице. Удостоверьтесь, что вы упомянули оригинального автора CSS в своих документах, но отметьте, где это необходимо.

Надеюсь, что поможет

0 голосов
/ 02 апреля 2010

Если вывод Firebug слишком велик для вас, вы можете прочитать пост в блоге , который связан сверху и объясняет, как создавать эти кнопки.

...