Entenda o CSS (post para iniciantes)

Após perceber que um blog com noticias para blog tem que ter algo falando de css, então para você que quer um blog mais arrumado por meio de funções mais profundas, conheça o que deve ser feito e entendido sobre css, pois é preciso entender para fazer modificações e edições no seu blog.

CSS é o código encontrado em todos os templates, que permite editar o estilo, cor, e outras alterações no seu layout. Não é possível criar scripts com CSS, ele permite apenas alterar o estilo de um template, para isso, precisaria de um código HTML. Vamos entender como uma tag CSS é aberta. Toda tag CSS é iniciada com "#", seguida do nome da parte que ela será alterada. Vamos supor, que alteraremos o texto do título do Blog. Para isso, usaremos o texto header h1, que é encontrado em todos os templates. Após escrever o nome, deverá abrir chaves, para instalar os comandos que o CSS executará.

#header h1 {

A tag foi aberta. Agora, como estamos alterando a cor do texto do título de seu Blog, vamos usar o comando "color", seguida de :, definindo a cor da letra.

#header h1 {
color: black


Já definimos a cor do texto do título. Está na hora de definir a fonte do texto. Para isso, adicionaremos "font-family" e o nome da fonte desejada.

#header h1 {

color: black

font-family: arial

Agora, continuando a configuração do texto do título, vamos adicionar o comando que definirá o tamanho do texto, ou seja, o "font-size".

#header h1 {

color: black

font-family: arial

font-size: 12

Como no código HTML, o texto para definir a posição de algo, é o "text-align", o mesmo usado no CSS.

#header h1 {

color: black

font-family: arial

font-size: 12

text-align: center

Logo após que o título do Blog já foi configurado, vamos fechar a tag com chaves.

#header h1 {

color: black

font-family: arial

font-size: 12

text-align: center

}

Estas tags CSS não precisam ser criadas em um templates, pois todos os templates contém elas. Ensinei como funciona o CSS apenas para vocês terem uma noção. Existem muitos outros comandos, como "font-weight". O CSS é mais fácil que o HTML, e também é de fácil edição. Não há segredos no CSS, basta editar, remover ou incluir comandos, que o estilo de seu Blog irá atender a todas as mudanças no código fonte. O CSS pode mudar totalmente o layout de um Blog, basta saber usá-lo de forma correta.