Propriedades básicas do CSS e HTML

Vamos entender algumas propriedades básicas do CSS e HTML do blog.

Algumas pessoas se perguntam, qual a diferença entre CSS e HTML...

Basicamente a diferença é a seguinte :

HTML :  É a  linguagem de marcação, ela é responsável pelo conteúdo do seu blog, como textos, imagens, videos ....
CSS : É a  linguagem de estilização, ela é responsavel pela aparência do seu blog/site, como posicionamento dos elementos, cores da fonte, de fundo, etc.

Porém os 2 serão usados em seu blog. Entendendo alguns deles:

#header : É o cabeçalho
#outher-wrapper: É toda a area do template
#main-wrapper: É a area dos posts
#sidebar-wrapper: É a lateral do blog, onde estão localizados alguns widgets.
#footer: É o rodapé do blog.


font-family: É toda a fonte que será usada do texto .
color: É cor da fonte
font-size: É o tamanho da fonte usada no blog.
text-align: É o alinhamento do texto
letter-spacing: É o espaço entre as letras.
word-spacing: É o espaço entre as palavras.

text-decoration: É a decoração do texto.
text-transform: É a transformação do texto : 
uppercase: Todas as letras maiúsculas.
lowercase: Todas as letras minusculas
capitalize: Primeira letra maiúscula
none: não transforma o texto.

margin-top: É a margem superior
margin-bottom: É a margem inferior
margin-right: É a margem a direita.
margi-left: É a margem a esquerda.

border-width: É a espessura da borda.
border-style: É o estilo da borda.
border-color: É a cor da borda.

padding-top: É o espaço de cima
padding-right: É o espaço da direita
padding-left: É o espaço da esquerda.
paddin-bottom: É o espaço abaixo.

background-color: É a cor do fundo do blog.
background-imagem: É a imagem de fundo.
background-repeat: Define se a imagem de fundo deve se repetir ou não.
no-repeat: Não repetir.
repeat: Repetir na vertical e horizontal.
repeat-y: Repetir na vertical.
repeat-x: Repetir na horizontal.
background-attachament:  Define se a imagem ao fundo será fixa ou não.
fixed: Imagem fixa
Scroll; Imagem que rola.

No Background você  pode usar, cor ou imagem de fundo.
Para usar cor, usa-se: background-color: #000000;
Para usar imagem, usa-se : background: url ( URL DA IMAGEM AQUI ) repeat fixed;


Essas propriedades são fundamentais na criação de seu blog, por isso é importante você ter conhecimento .

Até a próxima