Guia da linguagem CSS \| TreinaWeb               Promoção no ar   Matricule-se agora e garanta **54% de desconto**  

  Termina em   Tempo restante da oferta: 15 Horas 

 27 Min 

 41 Seg 

   Tempo restante da oferta: 15 27 41 

  [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) 

   [                ](https://www.treinaweb.com.br)  Explorar  

 [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) 

     [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Guia da linguagem CSS  [ CSS ](https://www.treinaweb.com.br/blog/categoria/css) [ Guias ](https://www.treinaweb.com.br/blog/categoria/guias) 

# Guia da linguagem CSS

 Nesse guia completo veremos como funciona e quais as formas de criar estilizações com CSS, necessário para qualquer desenvolvedor front-end

 [ Amauri Blanco Corrêa ](https://www.treinaweb.com.br/blog/autor/amauri) 3 anos atrás

  ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/06/GUIA-CSS.jpg)  

Independente da página web que você acessa, todas elas, sem excessão, fazem uso do CSS para estilizar os elementos. Inegavelmente a importância dessa ferramenta é gigantesca, principalmente para quem quer ser um desenvolvedor front-end. Nesse guia completo você verá tudo que precisa saber para entender como o CSS funciona.

 [ ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/06/BANNER-AULA-GRATUITA-1700x850-1.jpg) ](https://www.treinaweb.com.br/lp/aula-gratis/)

## O que é o CSS?

A sigla CSS vem de “Cascading Style Sheets”, sua tradução literal é, “Folhas de estilo em cascata”. Ele tem o propósito de estilizar elementos do [HTML](https://www.treinaweb.com.br/blog/guia-da-linguagem-html "HTML"). Portanto, o CSS é responsável por controlar aspectos visuais, como, cores, fontes de texto, espaçamentos e até mesmo posicionamento de elementos.

O CSS foi proposto e desenvolvido por um grupo de trabalho chamado [World Wide Web Consortium (W3C)](https://www.w3c.br "World Wide Web Consortium (W3C)"), liderado por Håkon Wium Lie e Bert Bos. A primeira versão do CSS, chamada CSS1, foi lançada em dezembro de 1996. Antes do CSS, os estilos e a formatação eram especificados diretamente dentro das tags HTML. Isso tornava o código HTML mais complexo, difícil de manter e atualizar.

No entanto, a formatação visual das páginas da web não possuía uma padronização clara. Com o passar do tempo, o CSS passou por várias atualizações, tornando-se a poderosa ferramenta que é hoje.

Ao longo deste artigo, abordaremos diversos pontos que irão ajudá-lo a compreender melhor o funcionamento do CSS.

 [ ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/10/E-BOOK-GRATUITO-HTML.jpg) ](https://www.treinaweb.com.br/ebook/guia-HTML/)

## Como e quais as formas de criar estilizações com CSS?

Existem diversas formas de criar estilizações com CSS, como usar o estilo `inline`, inserir o CSS dentro da tag `style` ou em um arquivo separado. No entanto, a opção mais amplamente adotada é a última, pois permite uma clara separação entre a estrutura (HTML) e o estilo (CSS).

No entanto, é necessário selecionar os elementos que desejamos estilizar. Para isso, utilizamos os seletores, que são abordados de maneira detalhada no artigo [Seletores Básicos do CSS](https://www.treinaweb.com.br/blog/seletores-basicos-do-css "Seletores Básicos do CSS"). Em resumo, os seletores nos permitem indicar qual elemento receberá o estilo. A forma de seleção mais indicada e amplamente utilizada é por meio das `classes`, mas também é possível utilizar `id` ou até mesmo selecionar pelo nome da tag.

Caso você queira se aprofundar ainda mais nesse tópico, temos o artigo [Seletores avançados do CSS](https://www.treinaweb.com.br/blog/seletores-avancados-do-css "Seletores avançados do CSS"), onde são abordadas formas mais avançadas de seleção de elementos HTML.

## Box model e estilizações com CSS

[  ![HTML5 + CSS3 - Propriedades e seletores avançados](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)   Curso HTML5 + CSS3 - Propriedades e seletores avançados Conhecer o curso ](https://www.treinaweb.com.br/curso/html5-css3-propriedades-e-seletores-avancados)

O box model é um conceito fundamental para criar estilizações com CSS, é através desse modelo de caixa dos elementos, que o CSS define a estrutura de uma elemento. Permitindo, assim, a motificação de medidas da largura e altura, espaçamento entre os elementos e borda. Tudo isso através das propriedades, `width`, `height`, `padding`, `border`, e `margin`. Esse conceito é amplamente abordado no artigo [Conhecendo o box model](https://www.treinaweb.com.br/blog/conhecendo-o-box-model "Conhecendo o box model"). No nosso canal do YouTube temos um conteúdo aberto que também explica como funciona o box model.

Ainda assim, existem outras possibilidades. O CSS possui uma variedade enorme de opções de estilização. Vou deixar abaixo uma lista de propriedades mais comuns do CSS.

- background-color: usamos para alterar a cor de fundo do elemento;
- color: usada para alterar a cor do texto;
- text-align: alinha o texto, ao centro, esquerda, direita, ou deixa o texto justificado;
- width: definimos a largura dos elementos;
- height: define a altura dos elementos;
- border: usada para alterar forma, espessura e cor das bordas;
- padding: espaçamento entre o limite do elemento até sua borda;
- font-size: alteramos o tamanho da fonte de texto;
- font-family: usada para modificar a família de fontes. [  ![HTML5 + CSS3 - Dominando o Flexbox](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)   Curso HTML5 + CSS3 - Dominando o Flexbox Conhecer o curso ](https://www.treinaweb.com.br/curso/html5-css3-dominando-o-flexbox)

## Posicionando elementos com CSS

Além disso, o CSS nos permite alterar a posição dos elementos. Por exemplo, por padrão, os navegadores definem todos os elementos HTML com a posição `static`. No entanto, é possível modificar esse comportamento utilizando a propriedade `position`, que aceita diversos valores. Além do `static`, temos as opções `absolute`, `relative`, `fixed` e `sticky`, cada uma com efeitos de posicionamento distintos. No artigo [Position, estilizando elementos com CSS](https://www.treinaweb.com.br/blog/position-estilizando-elementos-com-css "Position, estilizando elementos com CSS."), é possível encontrar detalhes sobre o funcionamento de cada um desses valores.

### Flexbox e CSS Grid layout

O CSS oferece, além das formas que vimos para posicionar os elementos, duas outras maneiras: o Flexbox e o Grid layout. Utilizando essas duas abordagens, é possível posicionar um grupo de elementos HTML de uma só vez. No geral, ambas as formas são semelhantes, porém possuem algumas características distintas.

[  ![HTML5 + CSS3 - Dominando o CSS Grid Layout](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)   Curso HTML5 + CSS3 - Dominando o CSS Grid Layout Conhecer o curso ](https://www.treinaweb.com.br/curso/html5-css3-dominando-o-css-grid-layout)

O Flexbox é mais indicado para se usar quando queremos definir elementos em um único sentido, já o Grid layout funciona muito bem quando queremos dispor os elementos nos dois sentidos, o horizontal e vertical. Aqui no nosso blog temos conteúdos diversos abordando esses dois temas. O artigo [CSS Flexbox - Um Guia Interativo (Parte 1 - Containers)](https://www.treinaweb.com.br/blog/css-flexbox-um-guia-interativo-parte-1-containers "CSS Flexbox - Um Guia Interativo (Parte 1 - Containers)") e o [CSS Flexbox - Um Guia Interativo (Parte 2 - Itens)](https://www.treinaweb.com.br/blog/css-flexbox-um-guia-interativo-parte-2-itens "CSS Flexbox - Um Guia Interativo (Parte 2 - Itens)") entram a fundo nesse tema. Dentro da plataforma temos um curso dedicado a esse assunto, o [HTML5 + CSS3 - Dominando o Flexbox](https://www.treinaweb.com.br/curso/html5-css3-dominando-o-flexbox "HTML5 + CSS3 - Dominando o Flexbox"). Em uma forma mais resumida, temos contúdo aberto no [canal da TreinaWeb no YouTube](https://www.youtube.com/user/TreinaWeb "canal da TreinaWeb").

Já para o CSS Grid layout, temos os artigos [CSS Grid – Um Guia Interativo (Parte 1 – Containers)](https://www.treinaweb.com.br/blog/css-grid-um-guia-interativo-parte-1-containers "CSS Grid – Um Guia Interativo (Parte 1 – Containers)") e o [CSS Grid – Um Guia Interativo (Parte 2 – Itens)](https://www.treinaweb.com.br/blog/css-grid-um-guia-interativo-parte-2-itens "CSS Grid – Um Guia Interativo (Parte 2 – Itens)"). Também temos na nossa plataforma o curso [HTML5 + CSS3 - Dominando o CSS Grid Layout](https://www.treinaweb.com.br/curso/html5-css3-dominando-o-css-grid-layout "HTML5 + CSS3 - Dominando o CSS Grid Layout"), e o vídeo no YouTube.

## Animações e efeitos com CSS

Estilizações com CSS oferecem diversas propriedades voltadas para animações e efeitos em elementos. Por meio do CSS, é possível aplicar diferentes filtros utilizando a propriedade `filter`. Com ela, é possível alterar a opacidade da imagem, ajustar a saturação e realizar outras modificações. Todas essas possibilidades são abordadas detalhadamente no artigo [CSS Filters - Tratamento de imagens em sua página](https://www.treinaweb.com.br/blog/css-filters-tratamento-de-imagens-em-sua-pagina "CSS Filters - Tratamento de imagens em sua página")

Além disso, no curso [HTML5 + CSS3 - Trabalhando com filtros de imagem e elementos](https://www.treinaweb.com.br/direto-ao-ponto/html5-css3-trabalhando-com-filtros-de-imagem-e-elementos "HTML5 + CSS3 - Trabalhando com filtros de imagem e elementos"), você terá uma abordagem mais visual sobre como utilizar os filtros de imagens, oferecendo uma compreensão mais prática desses recursos.

Ainda assim, podemos explorar diversos outros tipos de efeitos e animações usando CSS. Gostaria de sugerir alguns artigos que abordam esses temas: [Efeito Parallax apenas com CSS](https://www.treinaweb.com.br/blog/efeito-parallax-apenas-com-css "Efeito Parallax apenas com CSS"), [Como fazer animação infinita de fundo com CSS](https://www.treinaweb.com.br/blog/como-fazer-animacao-infinita-de-fundo-com-css "Como fazer animação infinita de fundo com CSS?") e [CSS: Aprenda a Criar o Efeito de Flip Cards](https://www.treinaweb.com.br/blog/css-aprenda-a-criar-o-efeito-de-flip-cards "CSS: Aprenda a Criar o Efeito de Flip Cards"). Através desses artigos, você terá uma ideia do poder do CSS e aprenderá a criar efeitos impressionantes.

## Responsividade

Um mesmo site é acessado por diversos dispositivos diferentes, desde TVs até celulares. A adaptação a essa variedade de dispositivos é possibilitada pela responsividade. O CSS desempenha um papel fundamental nesse aspecto, permitindo alterar o posicionamento do texto, a disposição dos elementos e até mesmo remover itens HTML, de acordo com o tamanho da tela que acessa a página. Todas essas ações têm o objetivo de tornar a página responsiva.

A responsividade é um dos temas mais importantes no desenvolvimento front-end, como você pode imaginar. Por esse motivo, temos um curso dedicado aqui na plataforma chamado [HTML5 + CSS3 - Web design responsivo](https://www.treinaweb.com.br/curso/html5-css3-web-design-responsivo "HTML5 + CSS3 - Web design responsivo"). Caso você prefira conteúdo escrito, temos os artigos [Media queries, o que são e como usar no CSS?](https://www.treinaweb.com.br/blog/media-queries-o-que-sao-e-como-usar-no-css "Media queries, o que são e como usar no CSS?") e [Media Query. Colocando em prática seu uso.](https://www.treinaweb.com.br/blog/media-query-colocando-em-pratica-seu-uso "Media Query. Colocando em prática seu uso.") que abordam em detalhes a importância e o uso das media queries. Em nosso canal do YouTube, também temos vídeos que resumem esse tema. [  ![HTML5 + CSS3 - Web design responsivo](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg)   Curso HTML5 + CSS3 - Web design responsivo Conhecer o curso ](https://www.treinaweb.com.br/curso/html5-css3-web-design-responsivo)

## Frameworks CSS

Os frameworks CSS foram criados com o objetivo de simplificar a estilização, permitindo a importação de uma série de estilos pré-definidos. Com eles, é possível adicionar classes aos elementos HTML e o estilo correspondente a essa classe é aplicado automaticamente. Muitos desenvolvedores utilizam esses frameworks em conjunto com seus próprios estilos para agilizar o processo de desenvolvimento.

O [Bootstrap](https://getbootstrap.com "Bootstrap") e o [Tailwind](https://tailwindcss.com "Tailwind") são os dois frameworks CSS mais populares. Em nossa plataforma, oferecemos a formação completa [Desenvolvedor Bootstrap](https://www.treinaweb.com.br/formacao/desenvolvedor-bootstrap "Desenvolvedor Bootstrap") que aborda todos os aspectos necessários para utilizar essa ferramenta em seus projetos. Caso ainda não esteja familiarizado com o Bootstrap, o artigo [O que é Bootstrap?](https://www.treinaweb.com.br/blog/o-que-e-bootstrap "O que é Bootstrap?") pode fornecer uma base sólida.

O segundo framework, o Tailwind, também é amplamente utilizado, mas requer uma maior familiaridade com [JavaScript](https://www.treinaweb.com.br/blog/guia-da-linguagem-javascript "JavaScript") para ser utilizado. O artigo [O que é Tailwind CSS e como instalar via CDN?](https://www.treinaweb.com.br/blog/o-que-e-tailwind-css-e-como-instalar-via-cdn "O que é Tailwind CSS e como instalar via CDN?") explica detalhadamente essa questão.

## Pré-processadores CSS

Além disso, o CSS conta com uma ferramenta adicional que amplia ainda mais o seu poder: os pré-processadores. Essas ferramentas adotam uma sintaxe distinta da convencional e permitem a criação de funções e declarações de estilos aninhadas, entre outras possibilidades.

Atualmente, existem vários pré-processadores diferentes, cada um com sua própria sintaxe. Os mais populares são o [Sass](https://sass-lang.com "Sass"), [Less](https://lesscss.org "Less") e [Stylus](https://stylus-lang.com "Stylus"). No artigo [Os Pré-Processadores CSS](https://www.treinaweb.com.br/blog/os-pre-processadores-css "Os Pré-Processadores CSS"), é descrito o que é um pré-processador e explicados em detalhes cada um deles.

## Conclusão

Em resumo, podemos concluir que as estilizações com CSS desempenham um papel fundamental no desenvolvimento front-end, sendo uma das ferramentas mais importantes para garantir a estética das páginas. No entanto, é comum que muitas pessoas não deem a devida importância ao estudo aprofundado dessa ferramenta, devido à sua curva de aprendizado ser relativamente rápida. Após um período de estudo adequado, é possível criar páginas com estilos bem elaborados. No entanto, é crucial destacar que o CSS é extremamente poderoso e exige dedicação daqueles que desejam se tornar desenvolvedores front-end.

É importante ressaltar que, aqui na [Treinaweb](https://www.treinaweb.com.br "Treinaweb"), oferecemos conteúdos dedicados a essa ferramenta essencial presente em toda a web. Vale resaltar também que nossa formação [Desenvolvedor Especialista Front-end](https://www.treinaweb.com.br/formacao/desenvolvedor-especialista-front-end "Desenvolvedor Especialista Front-end") conta com mais de **75 horas** de vídeo aulas e **477 exercícios** de fixação de conteúdo. Aqui estão alguns dos cursos que fazem parte dessa formação:

- HTML5 + CSS3 - Primeiros passos;
- HTML5 + CSS3 - Fundamentos;
- HTML5 + CSS3 - Apresentação de Dados;
- HTML5 + CSS3 - Formulários;
- HTML5 + CSS3 - Box model e Posicionamento de Elementos;
- Google Chrome Developer Tools;
- JavaScript - Fundamentos;
- JavaScript - Trabalhando com strings;
- HTML5 + CSS3 - Criação de site de catálogo de professores.

 [ ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/06/sessao-mentoria.jpg) ](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?forma=cartao)

- [ #CSS ](https://www.treinaweb.com.br/blog/tag/css)
- [ #Desenvolvimento Front-End ](https://www.treinaweb.com.br/blog/tag/desenvolvimento-front-end)

Autor

 ![Amauri Blanco Corrêa](//secure.gravatar.com/avatar/98d195107c5e3e8d91ee13c18f2a8f34?d=mm)

## Amauri Blanco Corrêa

 Sou formado em Análise e Desenvolvimento de Sistemas pela Universidade Cruzeiro do Sul, uma pessoa extremamente curiosa e dedicada, amo tecnologia e sempre busco aprender e aperfeiçoar meus conhecimentos. Atuo há mais de 3 anos como desenvolvedor e instrutor Front-end sou um eterno estudante do mundo da tecnologia. 

 [Todos os artigos](https://www.treinaweb.com.br/blog/autor/amauri)  

## Continue estudando

 Transforme leitura em prática com os cursos e formações da TreinaWeb.

 [Ver cursos](https://www.treinaweb.com.br/cursos)   

  Continue lendo

## Artigos relacionados

- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/05/GUIA-HTML-400x280.jpg)  [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 

     4 anos atrás

    ##  [ Guia da linguagem HTML ](https://www.treinaweb.com.br/blog/guia-da-linguagem-html) 

     Esse guia é perfeito pra você que está começando ou quer entender melhor como podemos trabalhar com a linguagem HTML .

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/GUIA-LINGUAGEM-JAVASCRIPT-400x280.png)  [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 

     6 anos atrás

    ##  [ Guia da Linguagem JavaScript ](https://www.treinaweb.com.br/blog/guia-da-linguagem-javascript) 

     Neste Guia da Linguagem Javascript vamos abordar aspectos fundamentais, como: tipos de dados, variáveis, objetos, arrays e muito mais.

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/guia-da-linguagem-python-400x280.png)  [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 

     6 anos atrás

    ##  [ Guia da linguagem Python ](https://www.treinaweb.com.br/blog/guia-da-linguagem-python) 

     Entenda os principais conceitos para iniciar seus estudos neste guia da linguagem Python.

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/08/07161700/gerenciamento-python-400x280.png)  [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 

     4 anos atrás

    ##  [ Empacotando e publicando pacotes Python no PyPi ](https://www.treinaweb.com.br/blog/empacotando-e-publicando-pacotes-python-no-pypi) 

     Neste artigo iremos aprender como funciona o processo de empacotar e distribuir nossos próprios pacotes Python no PyPi.

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/01/introducao-ao-maven-aprenda-como-criar-e-gerenciar-projetos-java-400x280.png)  [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 

     6 anos atrás

    ##  [ Introdução ao Maven, aprenda como criar e gerenciar projetos Java ](https://www.treinaweb.com.br/blog/introducao-ao-maven-aprenda-como-criar-e-gerenciar-projetos-java) 

     Neste artigo veremos como instalar o Maven e como podemos utilizá-lo para nos auxiliar na criação e no gerenciamento de dependência de um projeto Java.

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/05/IDE-PYTHON-400x280.png)  [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 

     7 anos atrás

    ##  [ Principais IDEs para desenvolvimento Python ](https://www.treinaweb.com.br/blog/principais-ides-para-desenvolvimento-python) 

     Veja neste artigo as principais IDEs para desenvolvimento Python.

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/01/12140601/carreira-de-desenvolvedor-de-aplicativos-como-comecar-400x280.png)  [ Desenvolvimento Mobile ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-mobile) 

     9 anos atrás

    ##  [ Carreira de desenvolvedor de aplicativos: como começar ](https://www.treinaweb.com.br/blog/carreira-de-desenvolvedor-de-aplicativos-como-comecar) 

     Saiba como se tornar um desenvolvedor de aplicativos reconhecido pelo mercado.

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/01/instalacao-do-vs-code-no-windows-linux-e-macos-400x280.png)  [ Ferramentas ](https://www.treinaweb.com.br/blog/categoria/ferramentas) 

     6 anos atrás

    ##  [ VS Code - O que é e por que você deve usar? ](https://www.treinaweb.com.br/blog/vs-code-o-que-e-e-por-que-voce-deve-usar) 

     O VS Code é um dos editores de código mais utilizados no mundo. Conheça melhor essa ferramenta e entenda o motivo de sua popularidade.

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/10/o-que-e-e-como-comecar-com-golang-400x280.jpg)  [ Guias ](https://www.treinaweb.com.br/blog/categoria/guias) 

     3 anos atrás

    ##  [ Guia da linguagem Go ](https://www.treinaweb.com.br/blog/guia-da-linguagem-go) 

     Nesse guia de Go você aprenderá o necessário para criar os seus primeiros softwares com a linguagem de programação Go. Acesse agora mesmo!

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/11/ARTIGO-DART-400x280.jpg)  [ Dart ](https://www.treinaweb.com.br/blog/categoria/dart) 

     4 anos atrás

    ##  [ Guia da linguagem dart ](https://www.treinaweb.com.br/blog/guia-da-linguagem-dart) 

     Nesse guia da linguagem Dart você aprenderá o necessário para criar os seus primeiros softwares com a linguagem de programação Dart.

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/05/como-instalar-o-csharp-e-nosso-primeiro-exemplo-400x280.png)  [ C# ](https://www.treinaweb.com.br/blog/categoria/csharp) 

     4 anos atrás

    ##  [ Guia da linguagem C# ](https://www.treinaweb.com.br/blog/guia-da-linguagem-csharp) 

     Nesse guia de C# você aprenderá o necessário para criar os seus primeiros softwares com a linguagem de programação C#. Acesse agora mesmo!

     Ler artigo
- ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/05/O-QUE-E-PHP-400x280.png)  [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 

     5 anos atrás

    ##  [ Guia da linguagem PHP ](https://www.treinaweb.com.br/blog/guia-da-linguagem-php) 

     Nesse guia de PHP você aprenderá o necessário para criar os seus primeiros softwares com a linguagem de programação PHP. Acesse agora mesmo!

     Ler artigo

## Um ano de acesso total para você viver de programação.

 Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho.

- **1 ano** de acesso a **todos os cursos**
- Cursos novos **toda semana**
- Suporte **direto com professores**
- Plano de carreira **personalizado**
- **Certificados digitais** inclusos
- **Aplicativos** para Android e iOS, com **acesso offline**

    **Garantia incondicional de satisfação** 

 Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro.

### Acesso completo a todos os cursos e dezenas de Formações.

 12 meses 

  Economize R$ 840,00  54% OFF 

 de 12x R$ 129,00 por apenas

 12x  R$ 59,00

 sem juros no cartão de crédito ou R$ 599,00 à vista

  Oferta termina em  **15h 27min 41s**

- Acesso imediato e ilimitado durante 1 ano.
- Plano de carreira personalizado.
- Suporte direto com professores.
- E muito mais!

 [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26)

     [                ](https://www.treinaweb.com.br)

 Escola online de programação, tecnologia e IA.

- [  ](https://www.facebook.com/TreinaWeb/)
- [  ](https://www.instagram.com/treinaweb/)
- [  ](https://www.youtube.com/user/TreinaWeb)
- [  ](https://twitter.com/treinaweb)
- [  ](https://www.linkedin.com/company/treinaweb)
- [  ](https://github.com/treinaweb)

## Inscreva-se em nossa newsletter

Receba lançamentos, promoções e novidades.

   Seu nome     Seu WhatsApp     Seu melhor e-mail   Inscrever-se 

## Cursos

- [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs)
- [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end)
- [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end)
- [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile)
- [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados)
- [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing)
- [ IA ](https://www.treinaweb.com.br/categoria/ia)
- [ E mais ](https://www.treinaweb.com.br/categoria/e-mais)
- [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos)

## Conteúdo

- [ Formações ](https://www.treinaweb.com.br/formacoes)
- [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos)
- [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto)
- [ Planos ](https://www.treinaweb.com.br#assinatura)
- [ Depoimentos ](https://www.treinaweb.com.br#depoimentos)
- [ Comunidade ](https://www.treinaweb.com.br#comunidade)
- [ Corpo docente ](https://www.treinaweb.com.br#docente)

## A empresa

- [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre)
- [ Perguntas frequentes ](https://www.treinaweb.com.br#faq)
- [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb)
- [ Cursos para empresas ](https://www.treinaweb.com.br/empresas)
- [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso)
- [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco)
- [ Artigos ](https://www.treinaweb.com.br/blog)
- [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers)
- [ Contato ](https://www.treinaweb.com.br/contato)
- [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade)
- [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso)

## Baixe nosso aplicativo

 [   Disponível na **App Store**  ](https://apps.apple.com/us/app/treinaweb/id1322729447) [   Disponível no **Google Play**  ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) 

  Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200   © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58