Você já deve ter ouvido em HTML e CSS, não é? Pois é, você já escutou falar mas não sabe o que significa. Isso acontece com os blogueiros iniciantes que ainda não conhece as propriedades ou as estruturas de um blog. Cada uma destas tags representa algo em seu blog. Para melhor entendimento estou ensinando com "lidar" com este tipo de tag e como deve ser usadas. Veja como usar e ver quais as regras destas tags.
O que é CSS: CSS é abreviatura de Cascading Style Sheets = Folha de Estilos em Cascata. É uma linguagem para estilos que define o layout do documento HTML. O CSS é um mecanismo para adicionar estilos à página , é onde controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo(background), posicionamentos e etc.
O que é HTML: HTML é abreviatura de Hyper Text Markup Language, é a linguagem que possibilita apresentar informações de uma página, é tudo aquilo que está contido na página.
Resumindo... HTML é para estruturar conteúdos, enquanto o CSS é para formatar conteúdos estruturados.
Estrutura básica do HTML:
No Blogger, o documento HTML se estrutura da seguinte maneira:
<html> <head>É entre estas tags que está contido o estilo da página - CSS. É aqui que determinamos a aparência dos elementos <head/> <body>É entre estas tags que está contida a estrutura da página (seus elementos) - HTML. É o corpo do documento.É aqui que criamos os blocos que serão mostrados na página, como colunas, menus etc. </body> </html>
CSS no Blogger:
Como vimos acima, o CSS dá estilo ao elemento, ou seja, dá os estilos e aplicações a página. No Blogger o código CSS começa assim:
<b:skin><![CDATA[/*
E sua tag de fachamento é:
]]></b:skin>
E sempre que quisermos adicionar estilos aos elementos deveremos adicionar antes da sua tag de fechamento:
]]></b:skin>
A regra CSS segue uma linguagem própria, formando uma folha de estilos definindo como será aplicado estilo a um ou mais elementos HTML, compondo-se de 3 (três) partes:
a) seletor
b) propriedade
c) valor
Veja um esquema abaixo:
Na regra CSS, escreve-se o seletor e a seguir a propriedade e o valor, separados por dois pontos e entre chaves { }. Quando tivermos que definir mais de uma propriedade, por regra, deve-se usar ponto-e-vírgula (;) para separá-las.
Veja exemplo:
body{
background-color: $bgcolor;
}
Estas são as regras básicas iniciais. Acompanhe toda a série e descubra mais sobre o HTML e CSS.
Postagens Relacionadas:
Postar um comentário