Please enable JavaScript.
Coggle requires JavaScript to display documents.
Fundamentos de CSS (O que é CSS? (É uma linguagem de estilo utilizada para…
Fundamentos de CSS
O que é CSS?
É uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML.
-
Você pode criar um estilo para cada tipo de aparelho, smartphone, tablet, computador.
-
É muito comum ver estilos criados em arquivos externos. Ou seja, existe um arquivo html,e o arquivo css.
-
Também existe a aplicação do estilo inline, ou seja diretamente na tag.
Tipos de Seletores
-
Criar uma classe
Quando se cria uma classe no css, precede de um ponto, por exemplo: .destaque
Criar um ID
Para criar um ID no css, precede de um jogo da velha # e o nome do ID. Por exemplo: #destaque
-
Seletor em grupo
As vezes existem tags diferentes, mas que você deseja criar o mesmo estilo para elas. Para isso, existe o seletor em grupo, você cria uma regra para várias tag. Exemplo:
p, h1, h2 {
Background: #F00;
}
-
Seletor Descendente
Quando um regra é aplicada apenas dentro de um tag que fica dentro de outra tag. Por exemplo:
div p{
bacground:#f00;
}
Seletor Adjacente
É quando você quer atribuir uma regra a primeira tag de um conjunto de tag, e para isso usamos o sinal de +. Exemplo:
h2 + p{
background: #ff0
}
Então de 5 parágrafos do texto: o primeiro depois do h2, será aplicado a regra.
-
Sintaxe da linguagem
Regra CSS
-
-
-
Você pode fazer mais de uma declaração na mesma linha, assim como criar vários seletores para uma mesma declaração. Mas isso se compartilharem da mesma características.
Você também pode adicionar um comentário ao seu código css, basta usar o /seucomentário/.
-