A função principal das folhas de estilo em cascata é muito importante. Onde CSS trabalha junto com HTML e fornece o estilo básico e aparência e isso nos permitirá saber que elementos HTML irão aparecer na página web. Onde CSS3 é a versão mais recente do CSS. Vamos entender as várias diferenças entre CSS e CSS3 na seguinte ordem:
- Compatibilidade de CSS e CSS3
- Cantos arredondados e gradiente
- Efeitos de texto e animações
- Pseudo classes
- Listas em CSS e CSS3
CSS3 fornece recursos como JavaScript e também fornece recursos de desenvolvimento móvel com recursos adicionais, como transições, gradiente, etc. Então, vamos comparar CSS e CSS3 nesses parâmetros.
Compatibilidade de CSS e CSS3
CSS não é compatível com CSS3 porque seu objetivo principal era se concentrar em fornecer recursos de formatação diferentes. Eles eram um acréscimo às capacidades para a posição de textos e objetos. Mas esses recursos foram atualizados para a versão mais recente, CSS3.
CSS3 é a palavra-chave compatível com CSS. Isso não tornará nenhum código escrito em CSS inválido. CSS3 torna a página da web mais atraente e melhor. Eles sãomuito rápido no carregamento e menos tempo necessário para construir a página.
Cantos arredondados e gradiente
Quando o CSS3 foi lançado, os desenvolvedores costumavam criar imagens que se pareciam com cantos arredondados para diferentes estruturas e gradientes de fundo. Este processo inclui o desenvolvedor projetando a borda específica e carregando o design no servidor. Eles precisam colocar a imagem na página da web e no final, o CSS tem que posicionar essa borda corretamente.
No CSS3, o desenvolvedor só precisa escrever o código como round fronteira {border-radius: 20px}. E é feito, eles não precisam enviar através de nenhum servidor e executar qualquer tipode outras atividades. Até gradientes podem ser definidos usando códigos como gradBG {Plano de fundo: gradiente de liner (vermelho, preto)}
Efeitos de texto e animações
Em CSS as animações foram escritas em JavaScript e JQuery. Ele não tinha os recursos da camada de design e mesmo o elemento da página também não tinha nenhum tipo de efeito especial, como sombreamento de textos, seleções de texto, etc.
No CSS3, o desenvolvedor pode adicionar a sombra do texto para facilitar a leitura. Eles também podem adicionar os efeitos visuais para quebrar a linha e as palavras mais longas para que se encaixemfacilmente dentro das colunas. Também inclui a mudança contínua de tamanho e cor do texto, mesmo o tempo de mudança também pode ser definido.
comprimento da matriz em javascript
Pseudo classes
Eles são usados para definir especialmente o estado de um elemento em CSS.
Sintaxe:seletor: pseudo-classes {propriedade: valor}. Isso também fornece várias propriedades como hover on (), simples tooltip hover ().
No CSS3, essas pseudo-classes são muito semelhantes ao CSS, mas têm alguns recursos adicionais que os diferenciam. Isso inclui o alvo raiz cujo documento éo elemento raiz. Usa os valores numéricos dentro de (n) para direcionar.
Listas em CSS e CSS3
CSS:
CSS permite ao usuário definir uma lista diferente para listas ordenadas e não ordenadas.
O usuário também pode definir a imagem para um marcador de item da lista.
Adicione cores de fundo à lista e aos itens da lista.
Eles podem ser do tipo círculo, quadrado, tipo lista em disco.
CSS3
Para usar a lista em CSS, a propriedade display deve ter o item da lista definido nela.
Não suporta o sistema de numeração.
Ele permite que a imagem seja definida em relação ao marcador de item da lista.
Ele também tem uma posição de estilo de lista e pode especificar a posição da caixa do marcador.
Com isso, chegamos ao final deste artigo, onde discutimos as diferenças entre CSS e CSS3. C que diabo por Edureka. O Treinamento de Certificação de Desenvolvimento da Web o ajudará a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implantá-lo no Amazon Simple Storage Service (S3).
Tem alguma questão para nós? Mencione isso na seção de comentários deste artigo e entraremos em contato com você.