Основная функция каскадных таблиц стилей очень важна. Где CSS работает вместе с HTML и обеспечивает базовый стиль и внешний вид, и это дает нам знать, что элементы HTML будут выглядеть на веб-странице. Где CSS3 - последняя версия CSS. Давайте разберемся в различиях между CSS и CSS3 в следующем порядке:
- Совместимость CSS и CSS3
- Закругленные углы и градиент
- Текстовые эффекты и анимация
- Псевдоклассы
- Списки в CSS и CSS3
CSS3 предоставляет такие возможности, как JavaScript, а также предоставляет функции мобильной разработки с дополнительными функциями, такими как переходы, градиент и т. Д. Итак, давайте сравним CSS и CSS3 по этим параметрам.
Совместимость CSS и CSS3
CSS несовместим с CSS3, потому что его основная цель состояла в том, чтобы сосредоточиться на предоставлении различных функций форматирования. Они были в дополнение к возможностям для размещения текстов и предметов. Но эти функции были обновлены до последней версии, то есть CSS3.
инструкция goto в c ++
CSS3 - это обратное слово, совместимое с CSS. Это не сделает код, написанный на CSS, недействительным. CSS3 делает веб-страницу привлекательнее и лучше. Они естьочень быстро загружается и меньше времени требуется на создание страницы.
Закругленные углы и градиент
Когда был запущен CSS3, разработчики проектировали изображения, которые выглядели как закругленные углы для различных структур и градиента фона. Этот процесс включает в себя разработку разработчиком конкретной границы и загрузку дизайна на сервер. Им нужно разместить изображение на веб-странице, и, в конце концов, CSS должен правильно расположить эту границу.
В CSS3 разработчику просто нужно написать код как round граница {border-radius: 20 пикселей}
. И это сделано, им не нужно отправлять через какой-либо сервер и выполнять какие-либодругих видов деятельности. Даже градиенты можно установить с помощью кода вроде gradBG {Фон: лайнер-градиент (красный, черный)}
Текстовые эффекты и анимация
В CSS анимации были написаны на JavaScript и JQuery. У него не было функций на уровне дизайна, и даже элемент страницы также не имел каких-либо специальных эффектов, таких как затенение текста, выделение текста и т. Д.
В CSS3 разработчик мог добавить тень для текста, чтобы его было легче читать. Они также могут добавить визуальные эффекты для разрыва строки и более длинных слов, чтобы они соответствовалилегко внутри колонн. Он также включает в себя непрерывное изменение размера и цвета текста, даже время изменения также может быть установлено.
Псевдоклассы
Они используются для специального определения состояния элемента в CSS.
Синтаксис:селектор: псевдоклассы {свойство: значение}
. Это также предоставляет различные свойства, такие как hover on (), простую подсказку hover ().
пример пространства имен c ++
В CSS3 эти псевдоклассы очень похожи на CSS, но у них есть несколько дополнительных функций, которые отличают эти два. Сюда входит корневой объект, для которогокорневой элемент. Использует числовые значения в (n) для нацеливания.
Списки в CSS и CSS3
CSS:
CSS позволяет пользователю устанавливать разные списки для упорядоченных и неупорядоченных списков.
Пользователь также может установить изображение для маркера элемента списка.
Добавьте цвета фона в список и элементы списка.
Они могут быть круговыми, квадратными, дисковыми в виде списка.
CSS3
В этом случае для использования списка в CSS в свойстве отображения должен быть определен элемент списка.
Он не поддерживает систему нумерации.
Это позволяет установить изображение напротив маркера элемента списка.
Он также имеет позицию стиля списка и может указывать положение поля маркера.
На этом мы подошли к концу статьи, в которой мы обсудили различия между CSS и CSS3. C черт возьми пользователя Edureka. Курс по сертификации веб-разработки поможет вам научиться создавать впечатляющие веб-сайты с помощью HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3).
реализация hashmap в примере java
Есть вопрос к нам? Пожалуйста, укажите это в комментариях к этой статье, и мы свяжемся с вами.