Массовый перенос style из HTML в CSS

@Smodey · Регистрация: 10.10.2012

Студворк — интернет-сервис помощи студентам

Есть HTML документ, в котором очень много разнообразных стилей. Например

HTML5
1
<span style="font-family: Arial, Helvetica, sans; font-size: 12px; line-height: 14px; text-align: justify; -webkit-border-horizontal-spacing: 10px; -webkit-border-vertical-spacing: 5px;"></span>

Существует ли какой-нибудь софт, или лёгкое решение этой проблемы:
Нужно пройтись по каждой строке и перенести все стили в css (названия классов в css не играют никакого значения)

@malframe · 20.05.2013, 15:29

Ну.... я о софте не знаю. Можно, конечно, скрипт написать, но я бы это всё руками предпочёл бы сделать

Vovan-VE · 20.05.2013, 15:41

Атрибут style="" относится индивидуально к одному элементу.
CSS правило в общем случае относится к неопределенному числу элементов.
Такой софт, если и есть, то результатом, скорее всего, будет УГ:

CSS
1
2
3
4
#id1 { ... }
#id2 { ... }
#id3 { ... }
...

@Smodey · 20.05.2013, 19:56 **[ТС]**

Да, я понимаю, что получится УГ, но всё равно хотелось бы что-то подобное найти

@Lovrentiy · 20.05.2013, 20:18

Проще всю страницу с нуля нарисовать и посредством CMS добавить материалы...

В любом случае, как по вашему программа поймёт к какому элементу какой стиль рисовать? Просто возьмёт и каждому элементу тегом style даст имя? Так не забывайте что селекторы есть разные и id даётся для уникальных элементов, а класс к единой группе...

@Kumar6346 · 20.05.2013, 20:49

Smodey, есть такой редактор Notepad ++ и у него если зажать ctr+f есть функция поиска регулярным выражением. Все что остается это написать регулярку которая бы искала все стили в html документе и кидала бы их в ваш файл css. Проблема лишь в написании регулярки, а так если напишите все решится нажатием одной кнопки

@Smodey · 20.05.2013, 21:05 **[ТС]**

Нашёл решение для себя. Для тех, кому такое потребуется:
Программа "Astyle CSS editor". Есть функция "очистки HTML документа с помощью CSS"
Всем откликнувшимся спасибо.

@Lexei05 · 20.05.2013, 23:26

Smodey, спасибо, надо тоже попробовать эту программку

21.05.2013, 02:13

http://bearcss.com/ генератор css для html это в теме Полезные ресурсы для web - мастера, думаю, что это оно самое, только через Web/

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@malframe 9 / 9 / 4 Регистрация: 11.05.2013 Сообщений: 110
	20.05.2013, 15:29
	Ну.... я о софте не знаю. Можно, конечно, скрипт написать, но я бы это всё руками предпочёл бы сделать 0

@Smodey 1 / 1 / 1 Регистрация: 10.10.2012 Сообщений: 32
	20.05.2013, 19:56 [ТС]
	Да, я понимаю, что получится УГ, но всё равно хотелось бы что-то подобное найти 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	20.05.2013, 20:18
	Проще всю страницу с нуля нарисовать и посредством CMS добавить материалы... В любом случае, как по вашему программа поймёт к какому элементу какой стиль рисовать? Просто возьмёт и каждому элементу тегом style даст имя? Так не забывайте что селекторы есть разные и id даётся для уникальных элементов, а класс к единой группе... 0

@Kumar6346 -6 / 14 / 0 Регистрация: 05.02.2013 Сообщений: 131
	20.05.2013, 20:49
	Smodey, есть такой редактор Notepad ++ и у него если зажать ctr+f есть функция поиска регулярным выражением. Все что остается это написать регулярку которая бы искала все стили в html документе и кидала бы их в ваш файл css. Проблема лишь в написании регулярки, а так если напишите все решится нажатием одной кнопки 0

@Smodey 1 / 1 / 1 Регистрация: 10.10.2012 Сообщений: 32
	20.05.2013, 21:05 [ТС]
	Нашёл решение для себя. Для тех, кому такое потребуется: Программа "Astyle CSS editor". Есть функция "очистки HTML документа с помощью CSS" Всем откликнувшимся спасибо. 1

@Lexei05 91 / 0 / 1 Регистрация: 13.04.2013 Сообщений: 6
	20.05.2013, 23:26
	Smodey, спасибо, надо тоже попробовать эту программку 0

ApxuTekTop78
	21.05.2013, 02:13
	http://bearcss.com/ генератор css для html это в теме Полезные ресурсы для web - мастера, думаю, что это оно самое, только через Web/