Manual de CSS, folhas de estilo

Tutorial completo e prático sobre folhas de estilo em cascata (CSS). Aprenda a utilizar esta tecnologia que lhe ajudará a criar páginas mais atrativas e precisas. O curso contem a descrição, uso, sintaxes, e lista de atributos para criar estilos.
Capítulos do manual
1.- Introdução às CSS
Entramos na matéria com os antecedentes desta tecnologia, as razões pelas quais foram desenvolvidas as folhas de estilo em cascata, e os objetivos que trata de cumprir.

2.- Características e vantagens das CSS
Conheça as principais características da linguagem, sua potência e suas possibilidades.

3.- Uso das CSS I
Descrevemos as diferentes aplicações das folhas de estilo em cascata. Neste capítulo veremos as mais simples.

4.- Uso das CSS II
Descrevemos os usos mais avançados das folhas de estilo em cascata, para podermos utilizá-las da maneira mais potente.

5.- Outra maneira de definir estilos em um arquivo externo
Também podemos incluir estilos em um arquivo externo com um código com a sintaxe @import.url (“estilo.css).

6.- Sintaxe CSS
Neste capítulo explicamos a sintaxe das folhas de estilo em cascata.

7.- Atributos das folhas de estilo
Explicação e exemplos dos distintos atributos das CSS.

8.- Avançados truques com CSS
Veremos uma série de técnicas com folhas de estilo, imprescindíveis para utilizar esta tecnologia com toda a sua potência.

9.- O que são as camadas?
Vemos as diferenças entre várias etiquetas para aplicar estilos e criar camadas, além de uma pequena introdução às camadas.

10.- Atributos para camadas
Veremos o posicionamento de camadas e outros atributos que podemos utilizar ao definí-las.

11.- Problema com o posicionamento absoluto de camadas
Às vezes o posicionamento absoluto de camadas é rígido demais, pois se a definição da tela muda de um usuário para outro, as camadas podem ficar colocadas em lugares onde não desejamos. Por isso, mostramos uma solução.

12.- Construção CSS
Uma introdução sobre como construir ou projetar uma página utilizando camadas, que ilustra o funcionamento e a potência das CSS com exemplos.

13.- Formas de aplicar estilos em construção CSS
Revisão dos métodos que se podem aplicar estilos às páginas web mediante CSS.

14.- Pseudo-element em CSS
Vamos conhecer os Pseudo-elementos nas folhas de estilo em cascata, que servem para definir estilos para a primeira linha ou letra de um texto.

15.- Definição de estilos CSS Shorthand
Diminua o peso de suas folhas de estilo utilizando a forma shorthand de especificação CSS, que não é mais do que uma maneira reduzida de escrever as propriedades de estilos.

16.- Utilizar porcentagens para tamanhos de texto com CSS
O tamanho do texto pode ser mudado por meio de CSS, para engrandecê-lo ou diminuí-lo, por meio de porcentagens, de modo que o novo tamanho seja relativo ao tamanho atual.

17.- Por que desenhar com CSS
Mostramos algumas vantagens ao construir com CSS com respeito a outras formas de fazê-lo.

18.- Truques CSS para não enlouquecer
Algumas soluções aos problemas típicos que você pode encontrar com CSS.

19.- 10 erros comuns nos CSS
Esta é uma recopilação de erros comuns nas folhas de estilo. É bastante proveitoso fazer uma lista com estes e outros erros comuns.

20.- Introdução a CSS3
Alguns navegadores começam a implementar CSS3, portanto é hora de começar a conhecer algumas diferenças e melhoras com respeito a CSS2.

21.- Bordas arredondadas em CSS 3
As características de CSS 3 incluem bordas arredondadas, através do atributo border-radius, que define a curvatura que deve ter a borda do elemento.

22.- Listagem de distintos frameworks CSS
Uma listagem dos frameworks CSS que há no mercado para ajudar na construção de páginas web com CSS.

23.- Fluxo HTML e atributos CSS
O fluxo HTML é o modo no qual se vão colocando os componentes da página, a partir de como aparecem no código HTML e os atributos CSS dos elementos.

24.- O atributo Overflow de CSS
Explicamos esta interessante propriedade contemplada na especificação CSS 2.

25.- Posicionamento CSS
As folhas de estilo em cascata incorporam inúmeras formas para posicionar elementos na página, o que comumente se conhece como posicionamento CSS.

26.- Tipos de posicionamento com o atributo position de CSS
Explicamos os diferentes valores que pode ter o atributo position de CSS, com detalhes.

27.- Frameworks CSS: Vantagens e inconvenientes
Vantagens e inconvenientes do uso de Frameworks CSS. Discutimos sobre a conveniência ou não de usar frameworks CSS.

28.- Depurar CSS
Uma lista dos erros mais comuns no código CSS e como averiguar qual desses erros se está produzindo em seu código, para depurar seus CSS.

29.- O que ninguém te contou sobre a propriedade z-index
Analisamos a propriedade CSS z-index para tentar decifrar seu correto uso além do habitual conhecimento que temos dela, que normalmente consiste em saber que as camadas com maior valor de z-index se colocam diante das de valor menor.


Downloads
Versão imprimível do manual Versão imprimível do manual. Agora você tem a possibilidade de obter o manual em um só arquivo optimizado para sua melhor impressão.

Archivo de descarga 266.92 KB CSS, folhas de estilos. Tutorial completo e prático sobre folhas de estilo em cascata (CSS). Aprenda a utilizar esta tecnologia que lhe ajudará a criar páginas mais atrativas e precisas. O curso contem a descrição, uso, sintaxes, e lista de atributos para criar estilos.


Manual traduzido em espanhol
Está disponível em Desarrolloweb.com:Manual de CSS, hojas de estilo

Comentarios
Envie seus comentários ou opiniões sobre este manual.
Comentar o manual

Comentários do manual
Foram enviados 8 comentários à manual
7 comentários não revisados
1 comentário revisado:
Índice para os manuais
Por: wilsonrf
03/1/12
Excelente tutorial! Porém,como já comentado por mim no Manual de HTML, um índice no início dos tutoriais para download ajudaria na consulta do documento baixado, mesmo que faça referência apenas aos tópicos numerados e não às páginas.
Obrigado pela atenção.

Usuários :    login / registro

Neste manual
Baixar manual

Categorias relacionadas:

Manuais relacionados