Porque você deve aprender CSS, agora!

Escrito por Marcus Vinicius de Oliveira

Primeiro vamos entender o que é CSS

[{"selector":"#anim-570672fb-9952-4ebe-b534-4301fde50e31","keyframes":{"transform":["rotate(20deg) translate3d(56.33334%, 0px, 0) rotate(-20deg)","rotate(20deg) translate3d(0px, 0px, 0) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-c8c2b03a-dfb6-433d-8703-25fa68536c1f","keyframes":{"transform":["rotate(20deg) rotateZ(180deg) rotate(-20deg)","rotate(20deg) rotateZ(0deg) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}]

[{"selector":"#anim-70da0e43-10d9-4cae-b090-303e9ba75ee6 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-78de1d88-c603-4657-b337-2ce39b116273","keyframes":{"transform":["rotate(20deg) translate3d(56.33334%, 0px, 0) rotate(-20deg)","rotate(20deg) translate3d(0px, 0px, 0) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-48eb5ce7-cc73-4899-b6cf-5a6d81e3cd6d","keyframes":{"transform":["rotate(20deg) rotateZ(180deg) rotate(-20deg)","rotate(20deg) rotateZ(0deg) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] OCSS ou Cascading Style Sheet significa Folhas de Estilo em Cascata , Foi desenvolvido pela W3C em 1996.

[{"selector":"#anim-aae7864d-d89a-4ba2-ada3-f58618fc0cf3 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(9.478977296352532%, 0.40704241117454504%) scale(1.434782608695652)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-10d385ee-d9e4-472d-b329-79ca8326dfe3","keyframes":{"transform":["rotate(20deg) translate3d(56.33334%, 0px, 0) rotate(-20deg)","rotate(20deg) translate3d(0px, 0px, 0) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-f81f90a6-2344-437c-91e1-ef503e8f5796","keyframes":{"transform":["rotate(20deg) rotateZ(180deg) rotate(-20deg)","rotate(20deg) rotateZ(0deg) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] Foi feita para estilizar as sites web, sua primeira função foi separar o código de estilo e conteúdo, facilitando para os desenvolvedores escrever e atualizar as páginas.

Mas como Funciona a Linguagem?

[{"selector":"#anim-b0958481-ee73-4931-bb37-3ffc6c1f1756","keyframes":{"transform":["rotate(20deg) translate3d(56.33334%, 0px, 0) rotate(-20deg)","rotate(20deg) translate3d(0px, 0px, 0) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-706ec10b-1229-42a9-9a20-106beb4c1321","keyframes":{"transform":["rotate(20deg) rotateZ(180deg) rotate(-20deg)","rotate(20deg) rotateZ(0deg) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}]

[{"selector":"#anim-c0f53ec1-bde8-4893-954f-ff7f20ef4ec7 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-10.390819013959037%, 0.4006361608383673%) scale(1.434782608695652)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-2be1332a-1984-4143-bfd1-adc772927f11","keyframes":{"transform":["rotate(20deg) translate3d(56.33334%, 0px, 0) rotate(-20deg)","rotate(20deg) translate3d(0px, 0px, 0) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-85601004-8fdc-4847-a1f3-a8858b407f9b","keyframes":{"transform":["rotate(20deg) rotateZ(180deg) rotate(-20deg)","rotate(20deg) rotateZ(0deg) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] Os documentos CSS são arquivos que estilizam todo o conteúdo de uma linguagem de marcação como o HTML. Consiste em partes de seleção e partes de declaração, que especifica o elemento HTML e seu estilo.

Mas qual é a importância do CSS?

[{"selector":"#anim-00e6a561-d1be-44e0-a481-0c8c4baff777","keyframes":{"transform":["rotate(20deg) translate3d(56.33334%, 0px, 0) rotate(-20deg)","rotate(20deg) translate3d(0px, 0px, 0) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-c3c84d13-526f-4da7-9276-69150198648d","keyframes":{"transform":["rotate(20deg) rotateZ(180deg) rotate(-20deg)","rotate(20deg) rotateZ(0deg) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] Você sabia que está tecnologia esta presente em basicamente todos sites da web! Isso deve ter lhe convencido de que vale a pena estudar mais sobre o assunto.

[{"selector":"#anim-04cab1e2-a5f5-4cc2-acea-c6a582cd49a4 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 2.0639324164176906e-7%) scale(0.6802721088435374)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-0c74610b-2fbc-43f2-922c-ebde31eb9586","keyframes":{"transform":["rotate(20deg) translate3d(-49.99999%, 0px, 0) rotate(-20deg)","rotate(20deg) translate3d(0px, 0px, 0) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-88cc8891-3265-4138-a9fa-2784b3f90134","keyframes":{"transform":["rotate(20deg) rotateZ(-180deg) rotate(-20deg)","rotate(20deg) rotateZ(0deg) rotate(-20deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] Agora você deve estar animado para começar a aprender tudo sobre a WEB, saiba que estou focado para fazer conteúdos de valor que irão te ajudar! Acesse agora. Saiba Mais

Veja mais conteúdo: • O que é a Web? Descubra agora • Qual é o salário médio de um desenvolvedor Web no Brasil? Descubra Agora • Benefícios de ser Desenvolvedor Web em 2022