marginA propriedade margin define uma margem em volta do elemento. O valor declarado pode ser qualquer unidade CSS de medida. Pode-se declarar qualquer valor para cada um dos quatro lados do elemento: margin-top: 20px; margin-right: 30px; margin-bottom: 5px; margin-left: 10px;max-heightEsta propriedade define uma altura maxima para o conteudo do elemento. O valor declarado pode ser qualquer unidade CSS de medida ou o valor none, que e o valor-padrao. Exemplos: div {max-height: 800px;} div {max- height: 70em;} max-widthEsta propriedade define uma largura maxima para o conteudo do elemento. O valor declarado pode ser qualquer unidade CSS de medida ou o valor none, que e o valor-padrao. Exemplos: div {max-width: 1000px;} div {max-width: 90em;} div {max-width: 85%;}min-height Esta propriedade define uma altura minima para o conteudo do elemento. O valor declarado pode ser qualquer unidade CSS de medida. Exemplos: div {min-height: 200px;} div {min-height: 10em;}min-width Esta propriedade define uma largura minima para o conteudo do box. O valor declarado pode ser qualquer unidade CSS de medida. Exemplos: div {min-width: 770px;} div {min-width: 10em;} overflowEsta propriedade controla a maneira como sera tratado o conteudo que ultrapassa os limites de um box. Por exemplo: se usada em conjunto com a propriedade height, voce podera criar um box com a caracteristica de ter uma altura predefinida de modo a que qualquer conteudo nele inserido que requeira uma altura maior do que a definida cause o aparecimento de uma barra de rolagem vertical. Os valores possiveis sao: visible, hidden, scroll, auto e valor inherit (herdado). Exemplos: div { height:400px; overflow:scroll; }paddingEsta propriedade define um espacamento interno entre o conteudo do box e seus limites. O valor declarado pode ser qualquer unidade CSS de medida. Pode-se declarar qualquer valor para cada um dos quatro lados do box. Exemplos: p {padding-top: 10px;} p {padding-right: 5px;} p {padding-bottom: 25px;} p {padding-left: 12px;} Pode-se usar a mesma regra de abreviacao citada na propriedade margin. Posicionamento relativop { posltion: relative; left:l00px; top: 90px; } span { position: relative; right: -200px; bottom: -30px; }Posicionamento absolutostrong { position: absolute; top: 90px; left: 200px; }Posicionamento fixo div#topo { position: fixed; top: 0; left:0; }Posicionamento no eixo z z-index: 1;Esquema float Valores: left, right, none e inherit Externo: As regras de estilo sao declaradas em um arquivo separado. A extensao do arquivo e .css, por exemplo: meu_estilo.css. A incorporacao deste arquivo ao documento (X)HTML pode ser de duas formas:Linkadas: O arquivo e linkado ao documento na secao head com o uso do elemento link, conforme o exemplo a seguir: <head> <link rel=stylesheet type=text/css href= estilos/estilos.css media=all /> </head>Importadas: Declara-se a folha de estilo externa usando a diretiva @import dentro do elemento style, na secao head do documento conforme mostrado a seguir: <head> <style type=text/css> @import url(estilo/estilos.css) all; </style> </head>Seletor universal Exemplo: * {color: blue;}Seletor tipo Exemplos de seletor tipo: p {color: blue;} hl {font-family: Arial, Sans-Serif;} li {font-size: 12px;} Seletor classe Exemplos de seletor classe: hl.destaque {font-family: Verdana, Sans-Serif;} E na marcacao, teremos: <hl class="destaque">A fonte do texto deste cabecalho sera Verdana</hl> Seletor id Exemplos de seletor id: p#diferente {color: green;} E na marcacao, teremos: <hl id="destaque">A