файлы css что это
Автор Anton задал вопрос в разделе Другие языки и технологии
Зачем нужен CSS, когда есть HTML? И почему там много повторяется? и получил лучший ответ
Ответ от Иван Мельников[гуру]
CSS создан для того, чтобы определить стили страницы. Потому что если бы можно было писать на одном хтмл, то пришлось бы каждый раз писать для каждой новой например таблицы, чтобы она "синяя" на 100% в ширину экрана итп и прописывать все это прямо в код хтмл таблицы... А вы представьте себе, что таких таблиц не одна требуется, а 100 или 10000... Потому был придуман css, чтобы просто описать, что таблица на странице должна выглядеть именно так, как стандарт.
Потом просто веб страница ссылается на этот файл css и отображается на веб странице в соответствии с этой инструкцией.
Прямую пользу от CSS пожно понять только когда займетесь разработкой динамических сайтов. Потому что при генерации например сервлетом веб страницы абсолютно дико выглядел бы исходящий поток с примесью всех дизайнерских примочек.
попробуйте с помощью HTML сделать один див поверх другого!
Иногда СSS нужен для настроек стилей в HTML
Не всё что нужно можно в чистом HTML сделать - часто нужно CSS или JavaScript подтаскивать)
Ну и HTML- базовый гипертекст, А CSS это уже его оформления для красивости ( каскаде стайл сшит -- всякие навески к html для улучшения видимости)
сss - файлы с описанием стиля показа того что в html
Да, можно к любому тэгу HTML добавлять атрибут style или снести css в тэг <style></style>, но когда дизайн сайта сложный, то лучше оформлять настройки визуализации в отдельном файле css. Этот файл кэшируется браузерами и при загрузке любой страницы использующей созданный файл css, он не будет постоянно скачиваться с сайта, что ускоряет загрузку сайта. Да и вообще, удобнее так.
для красоты и функционала
Разработчики разделили HTML и CSS, чтобы грубо говоря различать красоту (CSS) от логики (HTML) страницы. Давайте объясню, в чем плюс, когда логика идет отдельно от оформления. Допустим, вы сверстали макет, просидели с ним больше дня, а на следующий к вам прибегает веб-дизайнер со словами: "А заказчик хочет все формы комментариев на страницах не синие, а розовые". Чтобы не переверстывать заново весь макет (а тегов там вагон и маленькая тележка), вы заходите в отдельный файл style.css и меняете свойство атрибута формы background c blue на pink. Если дизайнер прибежит к вам снова, сказав, что заказчик передумал, то просто перебьете свойство всех форм комментариев на сайте одной записью.
Единственно не забудьте сначала перед описанием стилей обнулить собственные стили браузера и установить базовые настройки через reset как здесь ссылка Иначе дефолтные стили накладываются на те, которые вы прописываете и результат получается очень неожиданный