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 12 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

  • Guia de CSS

    DevMedia

  • play_circle_outline 12 Conteúdos
  • school 450 Exercícios
  • assessment Iniciante
  • star
    star
    star
    star
    star_border

    876 avaliações

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 4
depoimento 5
depoimento 6
depoimento 7
depoimento 1
depoimento 2
depoimento 3
depoimento 4
depoimento 5
depoimento 6
depoimento 7
depoimento 1
depoimento 2
depoimento 3
depoimento 4

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