Полная Версия: Много селекторов
Начала изучать css. И скачала полностью страницу с сайта с красивым дизайном. В файле main.css находится около 3000 селекторов. Меня это озадачивает. Как веб дизайнеры их прописали? Вот адрес страницы http://eda.ru/recepty Интересно то, что очень часто встречаю такие сайты с таким множеством селекторов. Как дизайнеры не запутываются в тегах, и как один человек может прописывать столько селекторов? Это ж наверно годами, или месяцами так точно прописывают. Как новичку научиться писать подобное на своем сайте?
| Цитата (АнюткаКузнечик @ 15.11.2016 - 15:25) |
| Начала изучать css. .... Как новичку научиться писать подобное на своем сайте? |
На вопрос "как" отвечаю: "постепенно"
Изучаешь одно, другое, третье, затем вдруг замечаешь, что файлы CSS достаточно большие, а ты в них хорошо ориентируешься Ну и еще вариант, когда сайт пишется не одним человеком, а коллективом, то каждый прописывает стили для своей части - и получаем весьма большой файл.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
То есть если файл включает 3000 строк, как в приведенном в пример сайте, то это значит что много программистов в нем писали? Я имею ввиду как правило. Ведь если сайт один человек пишет, ну нет у него помощников, то таким он никогда не получится или получится спустя годы?
Да и один может "наваять" много строк за короткое время Вообще не вижу проблемы. И почему количество строк так смущает? Тут задача не количество строк наделать, а чтобы всё по делу было.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Вообще не вижу проблемы. И почему количество строк так смущает? Тут задача не количество строк наделать, а чтобы всё по делу было.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
| Цитата (АнюткаКузнечик @ 15.11.2016 - 14:25) |
| В файле main.css находится около 3000 селекторов. |
Когда имена файлов имеют такой вид
/assets/build/css/main-41c8d740b7.cssэто значит, что перед нами не оригинальный файл, который пишут разработчики руками, а сгенерированный автоматически.
Сгенерированный -- имеется в виду не искусственным интелектом, а системой сборки, которая просто склеивает все css-файлы проекта в один и минифицирует его (удаляет комментарии, отступы и оптимизирует некторые правила, если умеет).
В этот файл также попадает css из сторонних библиотек, которые написаны совсем другими людьми. Начиная reset.css (или bootstrap.css) и заканчивая любыми свистелками.
_____________
Чатик в телеге
| Цитата (sergeiss @ 15.11.2016 - 21:08) |
| то каждый прописывает стили для своей части - и получаем весьма большой файл. |
Чтобы не получался весьма большой файл, его пилят на части, которые подгружаются по мере требования разметкой, что снижает "прогрузку" веб страницы
_____________
Если долго в одних стенах живешь, ты с ними сростаешься
Здесь расположена полная версия этой страницы.