Continuei o projeto no Em Busca do Código (http://embuscadocodigo.com)O Maktub TI foi criado com o intuito de compartilhar informação, em sua grande maioria informações da área da Tecnologia da Informação (computação).
Sugestões, elogios e criticas construtivas serão sempre bem vindos.
Nesse vídeo vemos como selecionar uma tag especifica quando é precedida por outra, e selecionar apenas a primeira tag precedida de outra. Isto podendo ser feito em toda página em uma só configuração.
Facebook: http://migre.me/oTHD8 Qualquer dúvida, é só comentar.
Depois de vermos o básico do básico do HTML, estamos mais que preparados para iniciarmos um projeto, seja ele um site de noticias, uma loja online, um imageboard ou um blog, totalmente customizável por você mesmo.
Nessa aula vemos como utilizar a propriedade padding.
Padding-top espaçamento acima.
A padding-right espaçamento à direita.
A padding-left à esquerda.
A padding-bottom abaixo.
Se você inserir apenas um valor, ele será utilizado em todos os espaçamentos. Se passar dois valores, o primeiro é acima e abaixo e o segundo direita e esquerda. Se passarmos três valores, o primeiro é acima, o segundo é valido para esquerda e direita e o terceiro abaixo. Se passarmos quatro valores seguimos em sentido horário, o primeiro é acima, o segundo direita, o terceiro abaixo e o quarto a esquerda.
Facebook: http://migre.me/oTHD8
Qualquer dúvida, é só comentar.
Código fonte (HTML):
<!DOCTYPE html>
<html>
<head>
<title>Espaçamento</title>
</head>
<body>
<p>O espaçamento em HTML é feito pela propriedade padding. padding-top "arruma" o espaçamento acima. A padding-right "edita" o espaçamento a direita. A padding-left edita o espaçamento a esquerda. A padding-bottom abaixo. Se você passar apenas um valor, valerá para os quatro lados, se passar dois valores, o primeiro é acima e abaixo, e o segundo, direita ou esqueda. Se passar três valores, o primeiro é acima, o segundo vale a direita e esquerda e o terceiro é abaixo. Se passarmos 4 valores, a gente segue sentido horário, primeiro acima, segundo direita, terceiro abaixo, quarto a esquerda.</p>
</body>
</html>
Nessa aula utilizamos novamente tags de título, só que agora para aprendermos a alinhar nossos textos no HTML via CSS.
Facebook: http://migre.me/oTHD8
Qualquer dúvida, é só comentar .
Código fonte (HTML):
<!DOCTYPE html>
<html>
<head>
<title>Alinhamento de texto</title>
<link rel="stylesheet" href="pasta/arquivo.css">
</head>
<body>
<h1>Texto alinhado a esquerda</h1>
<h2>Texto alinhado a direita</h2>
<h3>Texto centralizado</h3>
<h4>Texto de mais de três linhas para poder reparar no justificado</h4>
</body>
</html>
