1# TUTORIAL BÁSICO DE INTRODUÇÃO AO CSS/HTML
abril 14, 2020
e demais que irei postar aqui nessa semana, quer saber como funciona ? clica ai pra continuar.
CSS é uma sigla que significa "Cascade Style Sheets", o CSS funciona em efeito cascata ou seja a partir dos códigos
que você vai colocando, ele vai funcionando de cima para baixo. O CSS é para dar um "estilo" para o html básico. Vou explicar de forma simples.
Quando escrevemos no bloco de notas, temos apenas aquela fonte básica e pronto, nem sequer pula uma linha sozinho, percebem que nós somos obrigados a apertar enter?
Também perceberam que ao escrever aqui no blog a linha vai se criando sozinha? As letras são personalizadas e temos todo um modelo estilizado? É o que o CSS faz.
O HTML é seco, sem formatação e sem delimitações e para dar um ar elegante as coisas utilizamos o nosso querido e amado CSS. Agora que já entenderam, vamos aprender a estrutura básica do código de CSS:
Seletor {
propriedade: valor;
propriedade: valor;
}
Essa é a base, mas ao que se refere? Antes de explicar, veja esse exemplo com o seletor, a propriedade e o valor definidos. Vai ajudar bastante a compreender tudo direitinho, pois isso você vai ver ou já viu bastante:
body {
font-size: 10px;
font-color: #ffccff;
}
O seletor é a mãe de todos, é o que você vai personalizar. Por exemplo, se você quer personalizar o título das postagens aqui no blogger, o seletor vai ser h3.post-title {.
A propriedade é o que, desse elemento, você deseja editar. Se quisermos mudar a cor do título da postagem, colocamos font-color:.
O valor é como você deseja personalizar. Se eu quero a cor rosa, basta colocar o código hexadecimal #ff587f e a letra ficará rosa. É apenas um exemplo para que entenda a estrutura, depois você vai aprender tudo nos conformes.
O mais importante: O seletor deve ser seguido de { e assim que você terminar com as propriedades e valores, deve fechar utilizando }. Sempre! O esquecimento de um desses vai fazer tudo ficar errado.

0 comentários