[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"question-osnovy-css-chto-takoe-css":3},{"id":4,"slug":5,"topicId":6,"topicSlug":7,"topicName":8,"topicEmoji":9,"question":10,"answer":11,"codeLang":12,"codeSrc":12,"important":12,"commonMistakes":12,"modernUsage":12,"difficulty":13,"tags":14,"related":18,"progress":19,"seo":20},1016,"chto-takoe-css",32,"osnovy-css","Основы CSS","🎨","Что такое CSS?","CSS (Cascading Style Sheets, каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Применяется к элементам веб-страницы для управления их видом и положением.\n\n> Аналогия из жизни: если HTML — это скелет и органы здания (стены, двери, окна), то CSS — это отделка: покраска стен, выбор обоев, расположение мебели. Содержимое то же самое, но выглядит совершенно по-разному.\n\n### Основная цель\n\nРазделение логической структуры веб-страницы (HTML) от описания внешнего вида (CSS). Это даёт:\n\n- возможность менять дизайн без изменения HTML\n- повторное использование стилей на нескольких страницах\n- упрощение поддержки и совместной работы (верстальщик работает с CSS, разработчик — с HTML\u002FJS)\n\n### Способы подключения CSS\n\n| Способ | Синтаксис | Когда использовать |\n|--------|-----------|-------------------|\n| Внешний файл | `\u003Clink rel=\"stylesheet\" href=\"style.css\">` | Основной способ — переиспользование, кэширование |\n| Тег `\u003Cstyle>` | `\u003Cstyle> p { color: red; } \u003C\u002Fstyle>` | Для страничных стилей, критического CSS |\n| Инлайн | `\u003Cp style=\"color: red;\">` | Только для динамических стилей через JS |\n\n### Каскадность и наследование\n\nБуква C в CSS означает Cascading — каскадность. Стили применяются по приоритету:\n\n1. Inline-стили (наивысший приоритет)\n2. Стили в `\u003Cstyle>` и внешних файлах — по порядку и специфичности\n3. Стили браузера по умолчанию (наименьший приоритет)\n\nНекоторые свойства (color, font-family, line-height) наследуются от родительских элементов, а другие (margin, padding, border) — нет.\n\n> **На собеседовании:** интервьюер хочет услышать не только расшифровку аббревиатуры, но и понимание принципа каскадности и зачем CSS отделён от HTML. Частая ошибка — забыть про наследование свойств.","","junior",[15,16,17],"css","основы","frontend",[],null,{"title":21,"description":22,"ogTitle":21,"ogDescription":23,"keywords":24,"schemaAnswer":32,"featuredSnippetReady":33},"Что такое CSS — Gymterview","Что такое CSS (каскадные таблицы стилей), зачем нужен, способы подключения (внешний файл, style, inline), каскадность и наследование свойств.","Разбираем CSS: определение, способы подключения, каскадность и наследование свойств. Подготовка к собеседованию.",[25,26,27,28,29,30,31],"CSS","каскадные таблицы стилей","Cascading Style Sheets","подключение CSS","каскадность","наследование CSS","собеседование","CSS (Cascading Style Sheets) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Разделяет структуру (HTML) от оформления. Подключается тремя способами: внешний файл (\u003Clink>), тег \u003Cstyle>, инлайн (style=\"\"). Каскадность определяет приоритет стилей: inline > style\u002Fexternal > браузерные стили.",true]