-
CSS - Fundamentos Básicos
-
Lecture 1CSS – Tutorial
-
Lecture 2CSS – Introdução
-
Lecture 3CSS – Sintaxe
-
Lecture 4CSS – Unidades de medida
-
Lecture 5CSS – Cores
-
Lecture 6CSS – Backgrounds
-
Lecture 7CSS – Fonts
-
Lecture 8CSS – Text
-
Lecture 9CSS – Usando imagens
-
Lecture 10CSS – Links
-
Lecture 11CSS – Tabelas
-
Lecture 12CSS – Bordas
-
Lecture 13CSS – Listas
-
Lecture 14CSS – Margins
-
Lecture 15CSS – Paddings
-
Lecture 16CSS – Cursores
-
Lecture 17CSS – barras de rolagem
-
Lecture 18CSS – Dimensão
-
Lecture 19CSS – Outlines
-
CSS – Tutorial
CSS é usado para controlar o estilo de um documento da web de uma forma simples e fácil.
CSS é a sigla para “Cascading Style Sheet”. Este tutorial cobre as versões CSS1, CSS2 e CSS3, e dá uma compreensão completa de CSS, desde seus conceitos básicos até conceitos avançados.
Por que aprender CSS?
Cascading Style Sheets, carinhosamente conhecido como CSS, é uma linguagem de design simples destinada a simplificar o processo de tornar as páginas da web apresentáveis.
CSS é uma OBRIGAÇÃO para estudantes e profissionais que trabalham para se tornar um grande Engenheiro de Software, especialmente quando estão trabalhando no Domínio de Desenvolvimento Web. Vou listar algumas das principais vantagens de aprender CSS:
- Crie um site impressionante – CSS controla a aparência e o comportamento de uma página da web. Usando CSS, você pode controlar a cor do texto, o estilo das fontes, o espaçamento entre os parágrafos, como as colunas são dimensionadas e dispostas, quais imagens ou cores de fundo são usadas, designs de layout, variações na exibição para diferentes dispositivos e tamanhos de tela bem como uma variedade de outros efeitos.
- Torne-se um web designer – Se você deseja iniciar uma carreira como um web designer profissional, o design de HTML e CSS é uma habilidade obrigatória.
- Web de controle – CSS é fácil de aprender e entender, mas fornece controle poderoso sobre a apresentação de um documento HTML. Mais comumente, CSS é combinado com as linguagens de marcação HTML ou XHTML.
- Aprenda outras linguagens – depois de entender o básico de HTML e CSS, outras tecnologias relacionadas, como javascript, php ou angular, tornam-se mais fáceis de entender.
Hello World usando CSS.
Para lhe dar um pouco mais de entusiasmo sobre CSS, vou apresentar um pequeno programa CSS Hello World convencional, que você pode experimentar usando o link Demo.
See the Pen
CSS – Hello Word. by John Pires (@johnpiresBR)
on CodePen.
Aplicações de CSS
Como mencionado antes, CSS é uma das linguagens de estilo mais amplamente usadas na web. Vou listar alguns deles aqui:
- CSS economiza tempo – você pode escrever CSS uma vez e reutilizar a mesma planilha em várias páginas HTML. Você pode definir um estilo para cada elemento HTML e aplicá-lo a quantas páginas da Web desejar.
- As páginas carregam mais rápido – se você estiver usando CSS, não precisará escrever atributos de tag HTML todas as vezes. Basta escrever uma regra CSS de uma tag e aplicá-la a todas as ocorrências dessa tag. Portanto, menos código significa tempos de download mais rápidos.
- Fácil manutenção – Para fazer uma mudança global, basta alterar o estilo e todos os elementos em todas as páginas da web serão atualizados automaticamente.
- Estilos superiores para HTML – CSS tem uma gama de atributos muito mais ampla do que HTML, então você pode dar uma aparência muito melhor para sua página HTML em comparação com atributos HTML.
- Compatibilidade com vários dispositivos – Folhas de estilo permitem que o conteúdo seja otimizado para mais de um tipo de dispositivo. Usando o mesmo documento HTML, diferentes versões de um site podem ser apresentadas para dispositivos portáteis, como PDAs e telefones celulares, ou para impressão.
- Padrões globais da web – agora os atributos HTML estão sendo preteridos e é recomendado o uso de CSS. Portanto, é uma boa ideia começar a usar CSS em todas as páginas HTML para torná-las compatíveis com navegadores futuros.
Público
Este tutorial de CSS ajudará alunos e profissionais que desejam tornar seus sites ou blogs pessoais mais atraentes.
Acesse nosso blog para ver mais dicas de CSS.
Veja tambem dicas de como construir uma pagina de login.