Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Много селекторов
АнюткаКузнечик  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 3
Пользователь №: 43324
На форуме: 3 месяца, 2 дня
Карма:




Начала изучать css. И скачала полностью страницу с сайта с красивым дизайном. В файле main.css находится около 3000 селекторов. Меня это озадачивает. Как веб дизайнеры их прописали? Вот адрес страницы http://eda.ru/recepty Интересно то, что очень часто встречаю такие сайты с таким множеством селекторов. Как дизайнеры не запутываются в тегах, и как один человек может прописывать столько селекторов? Это ж наверно годами, или месяцами так точно прописывают. Как новичку научиться писать подобное на своем сайте?

Это сообщение отредактировал АнюткаКузнечик - 15.11.2016 - 15:26
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
sergeiss  
Дата
Цитировать сообщение

Пользователь сейчас на форуме



Сидел он, дум великих полон - и вдаль глядел
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 14965
Пользователь №: 4190
На форуме: 8 лет, 9 месяцев, 26 дней
Карма: 443




Цитата (АнюткаКузнечик @ 15.11.2016 - 15:25)
Начала изучать css. .... Как новичку научиться писать подобное на своем сайте?

На вопрос "как" отвечаю: "постепенно" smile.gif Изучаешь одно, другое, третье, затем вдруг замечаешь, что файлы CSS достаточно большие, а ты в них хорошо ориентируешься smile.gif
Ну и еще вариант, когда сайт пишется не одним человеком, а коллективом, то каждый прописывает стили для своей части - и получаем весьма большой файл.


--------------------
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
PMICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
АнюткаКузнечик  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 3
Пользователь №: 43324
На форуме: 3 месяца, 2 дня
Карма:




То есть если файл включает 3000 строк, как в приведенном в пример сайте, то это значит что много программистов в нем писали? Я имею ввиду как правило. Ведь если сайт один человек пишет, ну нет у него помощников, то таким он никогда не получится или получится спустя годы?
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
sergeiss  
Дата
Цитировать сообщение

Пользователь сейчас на форуме



Сидел он, дум великих полон - и вдаль глядел
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 14965
Пользователь №: 4190
На форуме: 8 лет, 9 месяцев, 26 дней
Карма: 443




Да и один может "наваять" много строк за короткое время smile.gif Вообще не вижу проблемы. И почему количество строк так смущает? Тут задача не количество строк наделать, а чтобы всё по делу было.

Это сообщение отредактировал sergeiss - 15.11.2016 - 21:28


--------------------
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
PMICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
brevis  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 264
Пользователь №: 39616
На форуме: 2 года, 6 месяцев, 20 дней
Карма: 31




Цитата (АнюткаКузнечик @ 15.11.2016 - 14:25)
В файле main.css находится около 3000 селекторов.

Когда имена файлов имеют такой вид
/assets/build/css/main-41c8d740b7.css
это значит, что перед нами не оригинальный файл, который пишут разработчики руками, а сгенерированный автоматически.

Сгенерированный -- имеется в виду не искусственным интелектом, а системой сборки, которая просто склеивает все css-файлы проекта в один и минифицирует его (удаляет комментарии, отступы и оптимизирует некторые правила, если умеет).
В этот файл также попадает css из сторонних библиотек, которые написаны совсем другими людьми. Начиная reset.css (или bootstrap.css) и заканчивая любыми свистелками.


--------------------
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Stave  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Старик
***

Профиль
Группа: Пользователь
Сообщений: 138
Пользователь №: 40254
На форуме: 2 года, 2 месяца, 28 дней
Карма: 4




Цитата (sergeiss @ 15.11.2016 - 21:08)
то каждый прописывает стили для своей части - и получаем весьма большой файл.

Чтобы не получался весьма большой файл, его пилят на части, которые подгружаются по мере требования разметкой, что снижает "прогрузку" веб страницы

Это сообщение отредактировал Stave - 19.11.2016 - 00:06


--------------------
Если долго в одних стенах живешь, ты с ними сростаешься
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса