Основната функция на каскадните таблици със стилове е много важна. Където CSS работи съвместно с HTML и за да осигури основния стил и външен вид и това ще ни уведоми, че HTML елементите ще изглеждат на уеб страницата. Където CSS3 е най-новата версия на CSS. Нека разберем различните разлики между CSS и CSS3 в следния ред:
- Съвместимост на CSS и CSS3
- Заоблени ъгли и градиент
- Текстови ефекти и анимации
- Псевдо класове
- Списъци в CSS и CSS3
CSS3 предоставя възможности като JavaScript, а също така предоставя функции за мобилно развитие с допълнителни функции като преходи, градиент и т.н. Така че, нека сравним CSS и CSS3 по тези параметри.
Съвместимост на CSS и CSS3
CSS не е съвместим с CSS3, тъй като основната му цел беше да се съсредоточи върху предоставянето на различни функции за форматиране. Те бяха в допълнение към възможностите за позициониране на текстове и обекти. Но тези функции бяха актуализирани до последната версия, която е CSS3.
CSS3 е backword съвместим с CSS. Това няма да направи код, написан в CSS, като невалиден. CSS3 прави уеб страницата да изглежда по-привлекателна и по-добра. Те самного бързо при зареждане и по-малко време, необходимо за изграждане на страницата.
Заоблени ъгли и градиент
Когато стартира CSS3, разработчиците използваха да проектират изображения, които да изглеждат като заоблени ъгли към различни структури и градиент на фона. Този процес включва разработчика, който проектира конкретната граница и качва дизайна през сървъра. Те трябва да поставят изображението на уеб страницата и в крайна сметка CSS трябва да позиционира правилно тази граница.
В CSS3 разработчикът просто трябва да напише кода като кръгъл граница {border-radius: 20px}. И това е направено, те не трябва да изпращат през всеки сървър и да изпълняват какъвто и да е видна други дейности. Дори градиенти могат да се задават с помощта на код като gradBG {Фон: фонарен градиент (червен, черен)}
Текстови ефекти и анимации
В CSS анимациите са написани на JavaScript и JQuery. Той нямаше характеристиките в дизайнерския слой и дори елементът на страницата също нямаше никакви специални ефекти като засенчване на текстове, избиране на текст и т.н.
превключвам случай в Java примерни програми
В CSS3 разработчикът може да добави text-shadow, за да улесни четенето. Те също така могат да добавят визуални ефекти към прекъсната линия и към по-дългите думи, така че да се побератлесно вътре в колоните. Той също така включва непрекъсната промяна на размера и цвета на текста, дори времето за промяна също може да бъде зададено.
Псевдо класове
Те се използват за специално дефиниране на състоянието на елемент в CSS.
Синтаксис :селектор: псевдокласове {свойство: стойност}. Това също така осигурява различни свойства като hover on (), проста подсказка hover ().
В CSS3 тези псевдокласове много приличат на CSS, но те имат няколко допълнителни функции, които разграничават тези два. Те включват основната цел на кой документосновния елемент. Използва числовите стойности в (n) за насочване.
Списъци в CSS и CSS3
CSS:
CSS позволява на потребителя да задава различен списък за подредени и неподредени списъци.
Потребителят може също да зададе изображението за маркер на елемент от списъка.
Добавете фонови цветове към списъка и елементите от списъка.
Те могат да бъдат кръгови, квадратни, като дискообразен тип списък.
CSS3
За да се използва списъкът в CSS, свойствата на дисплея трябва да съдържат елемента от списъка, дефиниран в него.
Той не поддържа системата за номериране.
Позволява изображението да се настрои спрямо маркера на елемента от списъка.
Той също така има позиция в стил на списък и може да посочи позицията на полето за маркер.
С това стигнахме до края на тази статия, където обсъдихме разликите между CSS и CSS3. ° С по дяволите от Edureka. Обучението за сертифициране на уеб разработки ще ви помогне да научите как да създавате впечатляващи уебсайтове с помощта на HTML5, CSS3, Twitter Bootstrap 3, jQuery и Google API и да го разположите в Amazon Simple Storage Service (S3).
Имате въпрос към нас? Моля, споменете го в раздела за коментари на тази статия и ние ще се свържем с вас.