Css TypeSet é um conversor de texto para CSS.
È uma ótima ferramenta online, que converte automaticamente em CSS as formatações escolhidas por você, em palavras ou bloco de texto.
Entre as formatações que você pode fazer estão: cor do texto, cor de fundo, espaçamento entre os caracteres e estilos.
Depois de fazer a formatação, é só copiar o CSS é colar na sua folha de estilo.
Link: http://csstypeset.com
Ao declararmos position:relative sozinha não causa nenhum efeito no posicionamento. Se usarmos ela em conjunto com as propriedades top, right, bottom e left, movimenta o bloco de sua posição inicial para uma posição conforme declarado nas propriedades citadas.
O bloco sai de sua posição original e o espaço que ela ocupava é preservado.
Veja o exemplo:
CSS
div#dois {
background: #009900;
position: relative;
left: 60px;
top: 35px;
}
Para um bom entendimento da renderização dos elementos HTML é necessário o entendimento de elementos níveis de bloco, inline e os invisíveis. Conhecendo bem esses conceitos, evitamos o uso inadequado de elementos HTML e marcação adicional.
Elementos nível de bloco ocupam toda largura disponível na página e criam uma linha invisível antes e depois de si próprio. Elementos nível de bloco sempre começam em nova linha. Um elemento que venha antes ou depois de um elemento nível de bloco é renderizado acima ou abaixo do elemento nível de bloco, nunca ao lado.
Elementos nível de bloco podem conter elementos inline e outros elementos nível de bloco.
Exemplos de tags nível de bloco:
address, blockquote, center, dir, div, dl, dt, dd, frameset, fieldset, form, h1, h2, h3, h4, h5, h6, hr, menu, noframes, noscript, ol, ul, li, p, pre, table, tbody, thead, tfoot, tr, td, th
Não satisfeito com a maneira que as páginas da Internet eram formatadas o Norueguês Håkon Wium Lie cria em 1994 as CSS.
CSS é a abreviação para o termo em inglês Cascading Style Shet, traduzido para o português como folha de estilo em cascata. A definição para CSS que está no site do W3C é:
“Folha de estilo em cascata é um mecanismo simples para adicionar estilos (por exemplo: fontes, cores, espaçamentos) aos documentos Web”
