CSS

CSS � a linguagem que cuida da apar�ncia de uma p�gina web. Nesse guia voc� encontrar� o conte�do que precisa para iniciar seus estudos em CSS, recurso fundamental para a constru��o de p�ginas web.

Comece sua carreira
  • Guia de CSS

    DevMedia

  • play_circle_outline 11 Conte�dos
  • school 450 Exerc�cios
  • assessment Iniciante
  • star
    star
    star
    star
    star_border

    876 avalia��es

1

O que � CSS?

O CSS � uma linguagem de estiliza��o, ou seja, ela � utilizada para definir como os documentos escritos na linguagem de marca��o (HTML ou XML) devem ser apresentados em termos de formata��o e layout. Quando usado junto do HTML, o CSS � a linguagem que utilizamos para customizar as cores, tamanhos, bordas e outros atributos dos elementos da p�gina.

  • Permite customizar graficamente elementos de linguagens de marca��o;
  • � essencial para o desenvolvimento web;
  • N�o � necess�rio nada al�m de um editor de texto para escrever c�digo CSS.
2

Por que aprender CSS?

O CSS nos permite definir como um documento HTML ser� apresentado para o usu�rio. O uso do CSS hoje � essencial no desenvolvimento de p�ginas web, pois � com ele que todo o visual apresentado para o p�blico do seu site ser� desenvolvido.

  • � com ele que damos um visual bonito a p�gina.
  • Pode ser utilizado tanto no desenvolvimento web para sites, quanto para mobile.
3

Exemplo de c�digo CSS

Veja abaixo um exemplo de c�digo CSS: 


.box-usuarios {
margin: 0 auto;
     text-align: center;
     height: 60px;
	width: 100%;
}
p.texto-usuarios { 
background-color: red; 
color: blue;
font-size: 18px;
}
.texto-destaque {
	color: #000;
	font-weight: 600;
	font-size: 26px;
}
  • O CSS permite estilizar elementos HTML atrav�s das suas tags ou pelos seus atributos class ou id.
  • O CSS pode ser usado de 3 formas diferentes: inline, com a tag <style> e atrav�s de uma arquivo .css.
4

CSS e a Carreira Front-end

Uma p�gina web � a parte visual de um software online. Essa p�gina � criada pelo programador Front-end (web). Um software (uma p�gina web ou aplicativo) � dividido, principalmente, em duas camadas: Front-end e Back-end.

Um programador Front-end/Web cuida da parte visual, ou seja, tudo que o usu�rio consegue ver e interagir em uma p�gina. A programa��o Front-end est� relacionada com a experi�ncia do usu�rio final, ou User Experience (UX).

Aplica��es Back-end
Figura. Constru��o de aplica��es back-end.

O CSS � essencial para quem deseja seguir carreira na �rea Front-end web, pois sem essa linguagem voc� n�o vai conseguir estilizar suas p�ginas.

Um ponto importante � que, como um programador profissional voc� vai utilizar a linguagem CSS em conjunto com um framework ou biblioteca - ferramentas de acelera��o do desenvolvimento de aplica��o front-end.

Os frameworks/bibliotecas mais utilizados pelos programadores Front-end Web s�o o Angular e o React.

Ou seja, voc� n�o vai trabalhar com a linguagem CSS �sozinha�, mas sim com o CSS dentro do Angular ou do React. Aprender CSS � um passo fundamental para a sua carreira Front-end

Caracter�sticas da programa��o Front-end (web)

  • Envolve conhecimentos referentes a experi�ncia do usu�rio (UX).
  • Est� associado a programa��o da tela, ou seja, a programar o que aparece para o usu�rio e como ele vai interagir com a p�gina.
  • Sempre h� vagas para programador Front-end j� que � quase obrigat�rio para uma empresa ter uma p�gina web.
  • Envolve programar as a��es que o usu�rio vai fazer na p�gina.
  • Se preocupa com a navega��o entre as p�ginas.
5

CSS e frameworks Front-end

Como vimos, na carreira Front-end voc� vai, muito provavelmente, trabalhar com as ferramentas mais utilizadas do mercado: Angular e React.

Ou seja, � improv�vel que voc� utilize �apenas� a linguagem CSS em um projeto. Em um aplica��o front-end profissional, voc� vai utilizar um framework ou biblioteca, que por sua vez vai utilizar a linguagem CSS para estiliza��o dos elementos.

Angular e React s�o ferramentas - ou seja, eles s�o usados para que a programa��o das p�ginas Web seja feito da forma mais r�pida poss�vel.

O Angular e React s�o a ferramenta final, � onde voc� vai encaixar as pe�as e construir seu software front-end - recebendo dados, estilizando com CSS e exibindo para o usu�rio final.

Por esse motivo aprender CSS � um pr�-requisito para se tornar um programador Front-end completo.

Planos de estudo programador Angular e programador React
Figura. Planos de estudo programador Angular e programador React.

Utilize CSS com Angular ou React para se tornar um programador front-end completo.

Saiba mais sobre CSS

O que voc� vai aprender sobre CSS na DevMedia

timer

Seja PRO Agora

Tenha acesso ilimitado a todo conte�do.

Comece Agora

Possui uma conta? Login

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia � uma experi�ncia �nica. Nossa metodologia de ensino � baseada nos seguintes pilares:

banner-loja

Casos de sucesso da DevMedia

depoimento 1
depoimento 2
depoimento 3
depoimento 4
depoimento 5
depoimento 6
depoimento 7
<Perguntas frequentes>
Carreira
Por onde devo iniciar os estudos?
Recomendamos come�ar pelo Plano de Estudo Carreira Programador Front-End. Essa �rea da programa��o � mais visual e intuitiva, tornando-a ideal para iniciantes. No Front-End, voc� aprender� a criar a parte visual dos sites, como layout, cores e interatividade. Depois de dominar o Front-End, voc� pode avan�ar para Programador Back-End, onde aprender� a lidar com a l�gica e o funcionamento interno dos sites, e, finalmente, para Programador Mobile, focando no desenvolvimento de aplicativos para smartphones. Nossa metodologia � estruturada de forma progressiva para garantir que voc� desenvolva confian�a e experi�ncia ao criar projetos reais, como sites est�ticos e din�micos.
Em quanto tempo vou me tornar um programador?
O tempo necess�rio para se tornar um programador varia de acordo com a dedica��o de cada estudante. Com nossa metodologia, que inclui um Plano de Estudo detalhado e suporte cont�nuo, voc� pode se tornar um programador de 6 meses a um ano, dependendo do seu ritmo e esfor�o. Nossa abordagem pr�tica e orientada a projetos ajudar� a acelerar seu aprendizado.
Eu preciso de um diploma de faculdade para come�ar a atuar como programador?
N�o. Ser programador � uma excelente oportunidade para quem n�o possui diploma de faculdade. Muitas empresas contratam baseadas nas habilidades t�cnicas e experi�ncia pr�tica, n�o necessariamente em diplomas. Ap�s conquistar uma vaga, voc� pode optar por complementar sua forma��o com um diploma.
Por que a programa��o se tornou a profiss�o mais promissora da atualidade?
A necessidade de programadores cresceu exponencialmente, especialmente ap�s a pandemia de Covid-19, que for�ou muitas empresas a se adaptarem ao digital. Com o crescimento das empresas de tecnologia, a demanda por programadores aumentou. Atualmente, h� mais de 200 mil vagas abertas no Brasil devido � falta de profissionais qualificados.
Metodologia
Quais s�o os principais diferenciais da DevMedia?
Did�tica e Metodologia Com mais de 20 anos de experi�ncia, nossa metodologia foca em menos aulas e mais pr�tica. Desenvolvemos dezenas de projetos e exerc�cios para ajudar voc� a se tornar um programador completo. Nossos projetos s�o desafiadores e aut�nticos, n�o apenas exerc�cios repetitivos.
Projetos reais e exerc�cios Voc� desenvolver� diversos projetos pr�ticos em cada carreira (Front-End, Back-End e Mobile), recebendo mentoria e suporte cont�nuo. A pr�tica � essencial, e oferecemos milhares de exerc�cios para ajudar voc� a fixar o conte�do e melhorar sua posi��o no ranking.
Suporte ao aluno Nossa plataforma oferece suporte dedicado com professores experientes, respondendo suas d�vidas em menos de uma hora. Isso garante que voc� receba a ajuda necess�ria durante toda a sua jornada de aprendizado.
Gamifica��o A DevMedia utiliza gamifica��o para tornar o aprendizado mais envolvente e motivador. Voc� acumula pontos e moedas por acertos, que podem ser trocados por produtos e customiza��es no seu card pessoal. Al�m disso, o sistema de ranking mensal incentiva a competi��o amig�vel e a melhoria cont�nua.
O que eu irei aprender estudando pela DevMedia?
Ao estudar conosco, voc� se tornar� um programador Full Stack, dominando Front-End, Back-End e Mobile. Utilizamos a linguagem JavaScript, a mais utilizada no mercado, preparando voc� para criar sistemas webs e aplicativos celulares. Nossa abordagem pr�tica inclui exerc�cios para fixar o conhecimento e desenvolvimento de projetos reais que te preparam, para o mercado de trabalho.
Quais as vantagens de aprender programa��o atrav�s da linguagem JavaScript?
  1. Ela � Multiplataforma, ela vai te permitir programar para web e para celulares utilizando praticamente a mesma sintaxe.
  2. El� � Full Stack. Ela te permite criar aplica��es Front-end, Back-end e Mobile. Isso acelera muito sua carreira e aumenta suas possibilidades de pegar trabalhos aut�nomos e conquistar uma vaga no mercado.
  3. Ela � f�cil de aprender. Como ela n�o exige conhecimento inicial em �Orienta��o a Objetos� ela se torna mais simples com uma curva de aprendizado suave e vai te permitir come�ar a programar mais r�pido do que outras linguagens
A plataforma oferece certificados?
Sim, oferecemos dois tipos de certificados: o certificado de conclus�o, que voc� adquire ao consumir o conte�do, e o certificado de autoridade, que voc� obt�m ao acertar exerc�cios. Ambos possuem carga hor�ria, que pode ser utilizada para fins acad�micos, como atividades complementares na faculdade, e tamb�m para comprova��es em processos seletivos ou no seu curr�culo.
A plataforma tem suporte ao aluno, como funciona?
Sim, temos uma equipe de programadores pronta para ajudar com todas as suas d�vidas! Durante o hor�rio comercial, o tempo m�dio de resposta � de at� 10 minutos. E n�o se preocupe, tamb�m oferecemos suporte � noite e nos finais de semana, com um prazo de resposta um pouco maior.
A DevMedia me forma como programador Full Stack?
Sim! Oferecemos uma forma��o completa, do zero at� Full Stack. Nosso foco � na pr�tica, ent�o voc� vai encontrar muitos exerc�cios e projetos reais ao longo do curso. Garantimos que voc� sair� com a autonomia necess�ria para desenvolver seus pr�prios projetos com confian�a!
Tem hor�rio para as aulas?
N�o, n�o temos hor�rios fixos para as aulas. Todo o nosso conte�do est� dispon�vel para voc� acessar a qualquer momento, permitindo que voc� estude conforme sua pr�pria disponibilidade e ritmo. Dessa forma, voc� pode integrar o aprendizado � sua rotina de maneira mais flex�vel e eficaz.
Por que a DevMedia n�o usa videoaulas em sua did�tica?
Nosso foco principal � formar programadores de verdade. Sabemos que o dia a dia de um programador envolve muita leitura, interpreta��o e escrita de c�digo. Por isso, nosso conte�do � desenvolvido para ambientar voc� nesse processo desde o in�cio, proporcionando mais autonomia e acelerando seu aprendizado.
Na v�deo-aula � o professor que est� lendo, interpretando e escrevndo o c�digo para voc�, isso limita o seu progresso. Ao ler e interagir diretamente com o conte�do, voc� exercita sua capacidade de leitura e concentra��o, al�m de poder avan�ar no seu pr�prio ritmo. Dessa forma, voc� se torna um programador mais independente e preparado para os desafios reais do mercado.
Preciso de um computador espec�fico para estudar na DevMedia?
N�o � necess�rio nada espec�fico. Qualquer computador com processador atual e mem�ria de 8 GB � suficiente.
Eu consigo estudar pelo celular?
Sim, a DevMedia possui um aplicativo que te permite seguir com seus estudos de qualquer lugar.
A DevMedia tem aplicativo?
Sim, nosso aplicativo est� dispon�vel na Play Store e na Apple Store, permitindo que voc� estude de forma pr�tica e conveniente em qualquer lugar.
Preciso estar na faculdade para acompanhar os estudos na DevMedia?
N�o, a faculdade n�o � necess�ria. Voc� n�o precisa de nenhum conhecimento pr�vio para iniciar os estudos na nossa plataforma.
Assinatura e Pagamentos
Quais s�o os planos de assinatura dispon�veis?
Oferecemos o plano anual, o valor total � lan�ado no cart�o de cr�dito, parcelado em 12 vezes, e voc� precisa dispor do valor total no limite do seu cart�o. Voc� tamb�m pode optar por pagar no PIX
Adquirindo o plano, terei acesso a todo o conte�do?
Sim, ao assinar nossa plataforma, voc� desbloqueia acesso total a todo o nosso conte�do, sem precisar comprar nada separadamente.
A plataforma tem planos vital�cios?
N�o, nossos planos s�o anuais, garantindo que voc� tenha acesso cont�nuo �s atualiza��es mais recentes e aos novos conte�dos. A tecnologia evolui rapidamente, e um plano vital�cio oferece um conte�do est�tico que se tornar� ultrapassado em pouco tempo. Com nossos planos anuais, voc� est� sempre � frente, aprendendo as novidades e tend�ncias mais atuais no mundo da programa��o.
A DevMedia tem fidelidade?
Sim, nosso plano tem uma fidelidade de 12 meses, o que garante o tempo ideal para voc� explorar nosso conte�do e desenvolver a autonomia necess�ria para trabalhar com programa��o.
Como funciona o cancelamento?
N�s garantimos seu direito de cancelamento com reembolso total dentro dos primeiros 7 dias.
Para que voc� aproveite ao m�ximo seu investimento, oferecemos suporte personalizado para orient�-lo na utiliza��o da plataforma. Tamb�m temos a op��o de transfer�ncia de titularidade do plano, permitindo que outra pessoa aproveite o restante do seu per�odo de assinatura.
Cadastro
Como excluir meus dados da plataforma?
Para excluir seus dados da plataforma, acesse o link : https://www.devmedia.com.br/fale-conosco/ e abra um protocolo de 'Exclus�o de dados'. Nossa equipe processar� a solicita��o e remover� todas as informa��es do seu cadastro.

Confira outros conte�dos

Veja todos os conte�dos

Utilizamos cookies para fornecer uma melhor experi�ncia para nossos usu�rios, consulte nossa pol�tica de privacidade.

Aceitar