Просмотр стилей CSS на демонстрационной странице - PullRequest
4 голосов
/ 03 марта 2010

Существует ли какое-либо приложение, которое возьмет файл .css и выведет его демонстрационную страницу?

Как взять все элементы span / div / a и показать, как они будут выглядеть на html-странице?

Ответы [ 4 ]

2 голосов
/ 03 марта 2010

... без связанного (X) HTML-файла?

Если то, что вам нужно сделать, включает в себя CSS без знания структуры (X) HTML-документа, классов или идентификаторов ... тогда разве не достаточно просто написать небольшую страницу и просмотреть ее в браузере?

Не обижать, но лично я думаю, что предварительный просмотр CSS без (X) HTML-документа немного странный. Несколько причин:

Если вы начинаете с CSS, вы можете попытаться сделать так, чтобы ваш HTML соответствовал вашему CSS, когда это должно быть наоборот. Начиная с CSS, а затем создавая свою страницу, я чувствую, что это хороший способ закончить с грязным HTML, и если мне придется выбирать между (грязный HTML и чистый CSS) или (чистый HTML и грязный CSS), я лично выбрал бы чистый HTML каждый раз.

Вы также упоминаете таргетинг <div> и <span>. Это личное мнение, но я чувствую, что люди не должны нацеливаться на <div> и <span> без атрибутов class или id. Поскольку <div> и <span> не имеют семантического значения, я просто не могу себе представить, почему вам нужно их стилизовать, если вы не выполняете сброс CSS или не выполняете требование, и ваш клиент с большей вероятностью попросит об этом » все имена сотрудников должны быть подчеркнуты "или" интервалы должны быть подчеркнуты "? ... но когда вы настроите таргетинг на класс и идентификатор, вам понадобится HTML-документ, соответствующий вашему CSS.

1 голос
/ 03 марта 2010

Хотя это не будет автоматически генерировать что-либо из вашего CSS, это отличная тестовая страница XHTML, которая включает все стандартные теги, страницы и элементы формы, которые вы, вероятно, использовали. Примените свою таблицу стилей к этой странице, и вы окажетесь на 80% пути. Затем просто добавьте области для своих пользовательских классов и т. Д. http://snipplr.com/view/8121/html-test-page-for-css-style-guide

0 голосов
/ 03 марта 2010

Попробуйте повторить: http://rendur.com/

Я согласен с Ричардом в том, что вам не стоит ожидать многого, если вы разрабатываете необработанные элементы div и span. :)

0 голосов
/ 03 марта 2010

TopStyle делает это с внутренним представлением. Это отличный инструмент.

http://www.topstyle4.com/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...