Veja Algumas dicas de tabelas CSS

Muito legal saber com editar as  dimensões dos elementos CSS,aqui veremos como é fácil atribuir uma altura e uma largura para um elemento.

CSS Altura e Largura
CSS inclui propriedades height e width para ajudar a especificar o tamanho dos seus elementos.
'Altura' e 'largura' propriedades





<div style="background-color:orange; height:125px;width:75px; "> Exemplo da altura a ser aplicada<br /> </ Div> 

Exemplo da altura a ser aplicada

...................................................................................................................................................

 

Posicionamento fixo

Posicionamento fixa permite fixar a posição de um elemento a um determinado ponto da página - independentemente de rolagem.

<div style=" position:fixed;top:100px;left:60px; width:180px;background-color:red;"><br /> Esta div está usando uma posição fixa de 100 pixels do topo e 60 pixels da esquerda do seu bloco. Quando isso rola a página, essa caixa permanecerá em uma posição fixa - não vai rolar com o resto da página. Vá em frente - SCROLL!<br /> <br /> </ Div><br />

Veja o resultado 

---

 Em CSS, as camadas referem-se a aplicar a propriedade z-índice de elementos que se sobrepõem uns com os outros.

A propriedade z-índice, quando usado em conjunto com a propriedade de posição, permite especificar qual o elemento deve aparecer no topo, no caso de uma sobreposição. Uma sobreposição pode facilmente ocorrer quando se utiliza a propriedade position, e isso muitas vezes é desejável quando a criação de layouts avançados.

Copie e cole dentro da postagem ou página html se desejar.
<Div style = "background-color: red; width: 100px; height: 100px; position: relative; top: 10px; left: 80px; z-index: 2; "> </ Div><br /> <Div style = "background-color: yellow; width: 100px; height: 100px; position: relative; top:-60px; left: 35px; z-index: 1; "> </ Div>

Exemplo:

CSS

---

Espero ter gostado deste tutorial CSS, confira o seguinte:

• Código das Cores