Эта статья разделена на две части,  первая – про реализацию визуальную на сайте, т.е. сама поисковая строка, какие блоки необходимы и вариант ее стилизации. Вторая – как организовать непосредственно поиск по товарам из своего каталога. 1. Строка поиска для сайта HTML и CSS Для начала нам необходим div-блок для всего содержимого: <div class="header-search-block"> Далее создадим форму с необходимыми данными: <form id="search_form" action="/search" method="get"> Теперь непосредственно сама строка...

CSS при первом знакомстве выглядит не таким уж и сложным. Но что с этим всем делать чтобы было и красиво и правильно не понятно — особенно когда речь заходит о css селекторах. Сразу и не поймешь что выбрать — селектор класса CSS или селектор по ID? Когда использовать селекторы тегов CSS, а когда комбинированные? И как разобраться в специфичности и приоритете? В этом руководстве постарался разложить всё по полочкам: что такое селекторы CSS, какие бывают их виды, как они работают и как не запутаться в применении стилей...