Com o CSS podemos controlar oespacamento em volta dos elementos html com a propriedade margin. Propriedade Descricao Margin-top Define a margem superior Margin-right Define a margem direita Margin-bottom Define a margem inferior Margin-left Define a margem esquerda Valores para as propriedades: largura medida em px, cm ou %.Exemplo:<html><head><style type="text/css"> h1{margin-top: 5cm; margin-left: 3cm;} h2{margin-top: 1cm; margin-left: 4cm;}p {margin-top:1cm; margin-left:5cm; margin-right: 5cm;text-align:justify;}</style></head><body><h1>Titulo com margem superior de 5 cm e esquerda de 3 cm </h1><p>Paragrafo commargem superior de 1 cm, margem esquerda de 5 cm e margem direita de 5 cm.Paragrafocom margem superior de 1cm, margem esquerda de 5 cm e margem direita de 5cm.Paragrafo com margem superior de 1cm, margem esquerda de 5 cm e margemdireita de 5cm.Paragrafo com margem superior de 1 cm, margem esquerda de 5 cm emargem direita de 5 cm. Paragrafo com margem superior de 1 cm, margem esquerdade 5 cm e margem direita de 5 cm.Paragrafo com margem superior de 1 cm, margemesquerda de 5 cm e margem direita de 5 cm.Paragrafo com margem superior de 1cm, margem esquerda de 5 cm e margem direita de 5 cm.</p><h2>Titulo com margem superior de 1 cm e esquerda de 4 cm </h2></body></html>Salvar comoExMargens.html OCSS - Cascading Style Sheet (Folha de Estilo em Cascata) e uma ferramentautilizada para a construcao da aparencia de paginas web. Permite o uso de umatecnica diferente da convencional (html puro), possibilitando uma consideravelreducao de tempo no trabalho.A intencao do HTML nuncafoi a formatacao de paginas web, mas sim a definicao de seu conteudo como noexemplo abaixo:<h1>Isto e um cabecalho</h1><p>Isto e um paragrafo</p>Quando as tags como<font> foram adicionadas ao HTML, os desenvolvedores enfrentaramproblemas para fazer a formatacao de sites com muitas paginas, pois teriam quemodificar tag por tag. Para resolver esse problema o CSS foi criado, pois eledefine uma unica vez um padrao de formatacao que pode ser usado por todas aspaginas de um site, sem necessidade de repeticao. O CSS pode controlar fontes,cores, margens, linhas, alturas, larguras, imagens de fundo e posicionamentos.SINTAXE BASICASeletor {propriedade:valor;}Seletor: tag html afetada pelo estilo CSS. Ex:<p>,<h1> <body>etc.Propriedade: atributo do elemento html ao qual sera aplicado oestilo. Ex: font, color, background etc.Valor: e a caracteristica atribuida a propriedade. Ex: fonttipo Verdana, cor vermelha etc. Exemplo -> um seletor com uma propriedade Body { background:#000000; }Exemplo -> um seletor com mais de uma propriedadeh1{color: blue;font-size: 12px;}Exemplo ->varios seletores com as mesmas propriedadesH1, h2,h3, h4, h5, h6 {Color:#FF0000;} Para configurar o espacamento entre umaborda e seu conteudo utilizamos a propriedade padding: Propriedade Descricao padding-top Define o espacamento superior padding -right Define o espacamento direita padding -bottom Define o espacamento inferior padding -left Define o espacamento esquerda Valores paraas propriedades: largura medida em px, cm ou %.Exemplo:p{margin-top:1cm; margin-left:5cm; margin-right: 5cm; text-align:justify;border-width:thick; border-style:double; border-color: blue;padding-top:1cm; padding-left:1cm; padding-right: 1cm; padding-bottom:1cm; }Ou padding: 1cm 1cm 1cm 1cm; Ola Pessoas,Sejam bem vindos ao mini-curso "Web Design - Estilos com CSS" voltado aos alunos de Ensino Medio Integrado. As inscricoes ja foram realizadas com sucesso e a partir desse momento, podemos iniciar. Contudo, e importante lembrarmos de alguns pontos para que seu curso corra de maneira eficaz:OBJETIVOSAprender os fundamentos dos