CSS - Português Flashcards
CSS, significado.
_Cascade Style Sheets, Folha de estilo em cascata.
_Define o estilo de um documento HTML = cores, fontes, espaço, alinhamento
_Não deve ser definida dentro do HTML
Estrutura
selector {property:value; property:value;}
selector é o elemento do html que você quer estilizar
property e value juntos formam uma declaration
‘inline’ =
colocar o css direto no arquivo HTML
Vc pode colocar direto no head, com uma tag chamada stlyle
Cores podem ser especificadas pelas seguintes formas
- Nome
- Valores RGB
- Valores Hexadecimais
- Valores HSL (CSS3)
- Valores HWB (CSS4)
Hexadecimal
É um sistema numérico que consiste em 16 símbolos diferesntes (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F)
- Cor hexadecimal é definida por um conjunto de 6 símbolos #000000
Background-colour
é uma propriedade utilizada para definir a cor de fundo de um elemento.
background-image
colocar uma imagem no fundo do site // background-image: url(’www….’)
background-repeat: no-repeat:
( a imagem não se repete na tela)
border-width
Especifica a largura da borda. O valor padrão é “medium” ou 4px
border-style (required)
Especifica o estilo da borda. O valor padrão é “none”
border-color
Especifica a cor da borda. O valor padrão é a cor do texto
border:
border: border-width border-style border-color|initial|inherit;
id ou class
serve para mudar apenas alguns elementos
#ID
.Class
Seletor estrela (*) =
selciona todos os elementos do documento e aplica o estilo
Seletor de descendência
Modifica os elementos filhos de tags do html Ex: li a {border: 2px;} ou li > a {border: 2px;}