Skip to main content

Estilização de Elementos, Classes e IDs

Estilização de Elementos, Classes e IDs

Vamos dar uma olhada em exemplos de como estilizar elementos, classes e IDs:

/* Estilizando um elemento */
p {
    font-size: 18px;
    color: #333;
}

/* Estilizando uma classe */
.destaque {
    background-color: yellow;
    font-weight: bold;
}

/* Estilizando um ID */
#cabecalho {
    font-size: 24px;
    text-align: center;
}

Estes são apenas exemplos iniciais para ilustrar como aplicar estilos usando seletores, propriedades e valores. Você pode criar estilos complexos e personalizados para se adequar ao design desejado de suas páginas web.

No próximo capítulo, você aprenderá a criar uma página web completa, aplicando os conceitos de HTML e CSS que exploramos até agora.

 

Para aplicar estilos CSS a uma página HTML, é fundamental vincular um arquivo CSS externo. Esse arquivo contém todas as regras de estilo que serão aplicadas à página. Aqui estão os passos básicos para fazer isso: