Современная сеть состоит из нескольких аспектов, есть технический, функциональный и эстетический, каждый из этих аспектов важен в той же степени, что и другие, однако, когда человек более сродни одному, он склонен пренебрегать другие.
В таком порядке идей, когда человек больше связан с техническим аспектом, он обычно пренебрегает эстетическим аспектом, где функциональный аспект представляет собой нечто среднее между ними, поскольку не все, что является очень эстетичным, будет функциональным, и тот факт, что мы используем все Новейшие технологии не создают сайт или проект.
CSS - это способ, с помощью которого мы можем внедрить эстетическую часть в сеть удобным для разработчиков способом, а также он служит универсальным языком для общения с дизайнерами пользовательского интерфейса и Front-End, поскольку это дает ему возможность Посмотрите на любой сайт.
Что такое CSS?
CSS - это простой язык, который используется для определения стилей, которые могут применяться в документах HTML. Когда мы упоминаем стили слова, мы имеем в виду, что мы можем контролировать то, как мы видим источники в сети, до реализации курсоров. Мышь, цвета, изображения, макет экрана и т. Д.
CSS является стандартом и находится под ответственностью W3C, поэтому каждый браузер, поддерживающий CSS, должен работать одинаково, если он придерживается инструкций, предписанных этим учреждением.
Что такое CSS3?
CSS3 - это уровень спецификации CSS, это четвертая спецификация, так как в нем были CSS, CSS2, CSS2.1 и теперь CSS3, каждая часть спецификации предыдущего и каждая включает улучшения, новые стили и новые способы их применения., Спецификации этих реализаций можно посмотреть на сайте www.w3.org/Style/CSS:
Здесь мы можем найти всю официальную документацию, начиная от использования различных инструкций, которые мы можем использовать, до технических аспектов, которые привели к такой реализации.
Какова цель CSS?
Роль, которую CSS должен выполнять в нашей сети, состоит в том, чтобы подготовить наши структуры к представлению, то есть сделать так, чтобы HTML-код, который мы создали, выглядел хорошо для показа пользователю. Это может показаться немного глупым, но именно здесь появляются три фактора, которые мы упомянули в начале: HTML без стилей может быть функциональным и может использовать очень современные технические элементы, однако сам по себе он не будет эстетичным; Это подразумевает, что, хотя наш веб-сайт является максимальным, без CSS он покажется несколько неполным.
Преимущества использования CSS
- Мы разделяем представление структуры, это помогает нашему веб-сайту быть модульным.
- Таблицы стилей CSS могут использоваться всеми страницами веб-сайта, поэтому мы получаем согласованность и сохраняем работу.
- С помощью CSS мы можем создавать стили для разных устройств и сред.
- Поддерживать сайт, на котором реализован CSS, намного проще.
Современные браузеры
В первые дни современной сети мы говорили о 90-х годах, когда было мало вариантов веб-браузеров, даже некоторые из них были платными, но больше всего мы помним о войне Internet Explorer и Netscape, это дало толчок принять во внимание функциональный аспект, однако, война означала, что у каждого браузера были свои правила, и это делало жизнь веб-разработчика невозможной. В настоящее время у нас есть много вариантов браузера, и подавляющее большинство из них бесплатны для пользователя, наиболее важными из которых являются:
- Google Chrome
- Safari.
- Mozilla Firefox.
- Opera.
- Internet Explorer
Каждый браузер принадлежит разным разработчикам, и они отвечают за интерпретацию HTML и CSS, поэтому каждый должен применять стандарты W3C, хотя не все браузеры ведут себя одинаково с одной и той же инструкцией CSS . Последнее связано с тем, какой движок они используют, давайте посмотрим, какой движок использует каждый:
WebKit
Это движок с открытым исходным кодом, используемый Chrome и Safari, хотя каждый из них использует один и тот же движок, не обязательно его реализация одинакова, поэтому между браузерами могут быть различия.
геккон
Это двигатель, разработанный Mozilla, и используемый Firefox . Этот движок также с открытым исходным кодом, поэтому мы можем найти браузеры, которые делятся им.
престо
Это движок, используемый Opera и запатентованный, поэтому мы увидим его только как часть продуктов своей материнской компании.
трезубец
Это механизм Internet Explorer, и в настоящее время он доступен только в этом браузере и продуктах Microsoft.
Эта информация очень важна, поскольку эти движки используют не только настольные браузеры, но и мобильные браузеры, клиенты, такие как обработчики электронной почты, и даже некоторые приложения. Если мы знаем движок, мы можем искать более конкретным образом, как подходить к техническому аспекту, который их регулирует.
Старые браузеры
До сих пор мы говорили о самых популярных браузерных опциях на рынке, однако мы не исследовали детали их версий. Всякий раз, когда происходит изменение в реализации в стандарте CSS, каждый браузер обычно обновляется, чтобы включить изменение или новые функциональные возможности. Это делает старые версии отодвинутыми в прошлое, и поэтому их уровень совместимости ниже.
Происходит то, что не все пользователи могут обновляться по многим причинам, из-за отсутствия разрешений, несовместимости с важными приложениями в своей системе или даже по соображениям безопасности компании, в которой они работают, которые должны попробовать новые браузеры с такими же системами.
Это означает, что у нас есть очень современные веб-сайты, которые могут не работать в старых браузерах, поэтому мы должны принять этот аспект в качестве меры предосторожности при создании наших сайтов.
Самый неудобный случай
Очень необходимый раздел - это говорить об Internet Explorer, а не говорить только о плохих вещах, поскольку мы считаем, что эта великая американская компания внесла значительный вклад в развитие компьютерных и информационных технологий во всем мире и исторически.
Но, возможно, именно его важность сделала ваш браузер одним из самых неудобных случаев, и только в более поздних версиях, таких как текущая версия, то есть версия 11, было продвижение в стандартной интерпретации CSS и JavaScript., но в предыдущих версиях, таких как 8, 7 или очень печально известная 6, версии сайтов должны были создаваться специально для того, чтобы они могли отображаться в этих браузерах, и это не самое худшее, если не так много раз это жертвует эстетикой и функциональностью только для того, чтобы сделать наши проекты жизнеспособными на техническом уровне.
Здесь самые молодые могут подумать, почему они продолжали разрабатывать для этих браузеров, и ответ прост, несмотря на то, что Internet Explorer является одним из наиболее часто используемых браузеров в мире, поскольку по умолчанию он интегрирован в Windows, которая является системой. наиболее часто используемые операционные тоже.
Недавно в 2015 году было объявлено, что этот браузер будет закрыт, однако его преемник еще не полностью раскрыт, и когда он будет запущен в коммерческую эксплуатацию, мы сможем увидеть, сохранятся ли старые проблемы или нет.
CSS больше чем стили
Все эти знания необходимы, мы можем многое знать о CSS- инструкциях, но если мы не знаем предысторию, от которой мы можем страдать, будь то от реализации с лучшими практиками до проблем с клиентами, которые не видят то же, что мы видим, все для использования версии в частности из браузера. В настоящее время существуют фреймворки, которые помогают нам преодолеть все эти трудности, однако, когда нам нужно что-то очень конкретное, нам обычно нужно выполнять эту функциональность с нуля, и именно здесь мы должны знать основы CSS .
Завершая этот урок, мы увидели, что CSS - это гораздо больше, чем простой язык, и это больше, чем стили. Мы можем сказать, что это ключевой базовый компонент для наших веб-страниц и имеет отношение ко многим аспектам, таким как все, что мы видели браузеров, движков и даже проблем совместимости.$config[ads_text5] not found
СТАТЬИ