Guia-de-Referências-CSS-HostingerBR

Prévia do material em texto

www.hostinger.com. r
UI
1
1
1
2
2
3
3
4
4
4
5
5
6
6
6
6
6
7
7
7
8
9
9
9
10
10
10
10
10
10
10
11
www.hostinger.com. r
CONTEUDO PAGINA CONTEUDO PAGINA
Guia de Referências
ÂNGULOS
AI
=>?@ABCDEF
=>?@ABCDEF:>GG>?HIJEG
=>?@ABCDEF:=BJ>@
=>?@ABCDEF:?KLM/
=>?@ABCDEF:?CKCB/
=>?@ABCDEF:LI>AJ
=>?@ABCDEF:CBLALE/
=>?@ABCDEF:MCNLGLCE/
=>?@ABCDEF:BJMJ>G/
=>?@ABCDEF:NLOJ/
!"#$%&'()*+,-"%.
!"#$%&'()*+/'0,1,')
!"#$%&'()*+0,2.
!"#$%&'()*+&./."1
!"#$%&'()*+"11"#3-.)1
!"#$%&'()*+'&,%,)
!"#$%&'()*+#4,/
!"#$%&'()*+#'4'&
4.)%13
5
#'4'&
(&4
6+578+5
6+/'078+/'0
4.)%13
5
=CBFJB/
=CBFJB:=BJ>@
=CBFJB:=CGGCI
=CBFJB:=CGGCI:?CKCB
=CBFJB:=CGGCI:NGPKJ
=CBFJB:=CGGCI:QLFGH/
=CBFJB:?CKK>MNJ
=CBFJB:?CKCB
=CBFJB:LI>AJ/
=CBFJB:KJRG
=CBFJB:KJRG:?CKCB/
=CBFJB:KJRG:NGPKJ
=CBFJB:KJRG:QLFGH/
=CBFJB:BLAHG
=CBFJB:BLAHG:?CKCB/
=CBFJB:BLAHG:NGPKJ/
=CBFJB:BLAHG:QLFGH
!'&*.&+9,*13
!'&*.&+0184.
!'&*.&+#'4'&
!'&*.&+9,*13
!'&*.&+0184.
#'4'&
!'&*.&+!'11'-+9,*13
!'&*.&+0184.
!'&*.&+#'4'&
!'&*.&+#'4'&
!'&*.&+0184.
4.)%13
#'4'&
,-"%.
#$)(-!.&7:75
!'&*.&+9,*13
!'&*.&+4.;1+9,*13
!'&*.&+0184.
!'&*.&+#'4'&
!'&*.&+#'4'&
!'&*.&+0184.
4.)%13
!'&*.&+&,%31+9,*13
!'&*.&+0184.
!'&*.&+#'4'&
!'&*.&+#'4'&
!'&*.&+0184.
4.)%13
=CBFJB:?CKK>MNJ
=CBFJB:NM>?LEA
?>MGLCE:NLFJ
JIMGP:?JKKN
G>=KJ:K>PCDG
4.)%1374.)%13
www.hostinger.com. r
FUNDO BORDA
TABELA
Guia de Referências
=CBFJB:GCM/
=CBFJB:GCM:?CKCB
=CBFJB:GCM:NGPKJ/
=CBFJB:GCM:QLFGH/
=CBFJB:QLFGH
=CBFJB:B>FLDN
=CBFJB:GCM:BLAHG:B>FLDN
=CBFJB:=CGGCI:BLAHG:B>FLDN
=CBFJB:=CGGCI:KJRG:B>FLDN
=CBFJB:GCM:KJRG:B>FLDN
=CS:NH>FCQ
=CBFJB:NGPKJ
!'&*.&+1'/+9,*13
!'&*.&+0184.
!'&*.&+#'4'&
!'&*.&+#'4'&
!'&*.&+0184.
4.)%13
4.)%13
!'&*.&+1'/+&,%31+&"*,(0
!'&*.&+!'11'-+&,%31+&"*,(0
!'&*.&+!'11'-+4.;1+&"*,(0
!'&*.&+1'/+4.;1+&"*,(0
4.)%13
4.)%13
4.)%13
4.)%13
4.)%13<74.)%13<
4.)%13<74.)%13$%%$=#'4'&>
?KJ>B
FLNMK>P
HJLAHG
I>S:HJLAHG
I>S:QLFGH
ILE:HJLAHG
ILE:QLFGH
QLFGH
I>BALE
I>BALE:=CGGCI
I>BALE:KJRG
I>BALE:BLAHG
4.)%13
5
4.)%13
5
4.)%13
5
4.)%13
5
4.)%13
5
5
4.)%13
-"&%,)7-"&%,)+1'/
-"&%,)+&,%31
-"&%,)+!'11'-
-"&%,)+4.;1
4.)%13
5
4.)%13
5
4.)%13
5
GB>ENLGLCE/
GB>ENLGLCE:FJK>P
GB>ENLGLCE:FDB>GLCE
GB>ENLGLCE:MBCMJBGP
GB>ENLGLCE:GLILEA:RDE?GLCE
www.hostinger.com. r
BORDA MODELO DE CAIXA
Guia de Referências
TRANSICOES
I>BALE:GCM
M>FFLEA
M>FFLEA:=CGGCI
M>FFLEA:KJRG
M>FFLEA:BLAHG
M>FFLEA:GCM
I>BTDJJ:FLBJ?GLCE
I>BTDJJ:KCCM
I>BTDJJ:MK>P:?CDEG
I>BTDJJ:NMJJF
I>BTDJJ:NGPKJ
BCG>GLCE
BCG>GLCE:MCLEG
ULNL=LKLGP
4.)%13
5
/"**,)%7/"**,)%+1'/
/"**,)%+&,%31
/"**,)%+!'11'-
/"**,)%+4.;1
4.)%13
5
4.)%13
5
4.)%13
5
4.)%13
5
)(-!.&
,)1.%.&
")%4.
RCEG/
RCEG:R>ILKP
RCEG:NLOJ
RCEG:NLOJ:>FVDNG/
RCEG:NGBJG?H
RCEG:NGPKJ/
RCEG:U>BL>EG
RCEG:QJLAHG
;')1+0184.
;')1+?"&,")1
;')1+9.,%31
;')1+0,2.:4,).+3.,%31
;')1+;"-,48
;"-,48+)"-.
%.).&,#+;"-,48
4.)%13
5
)(-!.&
?CKCB
CM>?LGP
#'4'&
)(-!.&
www.hostinger.com. r
MODELO DE CAIXA
Guia de Referências
FONTE
COR
FLBJ?GLCE
H>EALEA:MDE?GD>GLCE
KJGGJB:NM>?LEA
MDE?GD>GLCE:GBLI
GJSG:>KLAE
GJSG:>KLAE:K>NG
GJSG:FJ?CB>GLCE/
GJSG:JIMH>NLN/
GJSG:LEFJEG
GJSG:VDNGLRP
GJSG:CDGKLEJ
GJSG:NH>FCQ
GJSG:GB>ENRCBI
GJSG:QB>M
DEL?CFJ:=LFL
QHLGJ:NM>?J
QHLGJ:NM>?J:?CKK>MNJ/
QCBF:=BJ>@
QCBF:NM>?LEA/
QCBF:QB>M
4.)%13
5
4.)%13
5
#'4'&
4.)%13
#'4'&
4.)%13
4.)%13
5
?CKDIE:?CDEG
?CKDIE:A>M
?CKDIE:BDKJ/
?CKDIE:BDKJ:?CKCB
?CKDIE:BDKJ:NGPKJ
?CKDIE:BDKJ:QLFGH
?CKDIEN
?CKDIE:NM>E
?CKDIE:QLFGH
)(-!.&
4.)%13
#'4(-)+&(4.+9,*13
#'4(-)+&(4.+0184.
#'4(-)+&(4.+#'4'&
#'4'&
!'&*.&+0184.
4.)%13
#'4(-)+9,*13
#'4(-)+#'()1
4.)%13
>ELI>GLCE/
>ELI>GLCE:FJK>P
>ELI>GLCE:FLBJ?GLCE
>ELI>GLCE:FDB>GLCE
>ELI>GLCE:LGJB>GLCE:?CDEG
>ELI>GLCE:E>IJ
>ELI>GLCE:MK>P:NG>GJ
>ELI>GLCE:GLILEA:RDE?GLCE
www.hostinger.com. r
TEXTO COLUNA
ANIMACOES
Guia de Referências
?DJ
?DJ:=JRCBJ
?DJ:>RGJB
I>B@
I>B@:=JRCBJ
I>B@:>RGJB
M>DNJ
M>DNJ:=JRCBJ
M>DNJ:>RGJB/
MHCEJIJN/NGBLEA
BJNG/
BJNG:=JRCBJ
BJNG:>RGJB
NMJ>@/
UCL?J:=>K>E?J
UCL?J:FDB>GLCE
#(.+!.;'&.
#(.+";1.&
(&,7
)(-!.&
5
(&,7
)(-!.&
5
-"&$+!.;'&.
-"&$+";1.&
01&,)%
01&,)%
/"(0.+!.;'&.
/"(0.+";1.&
1,-.
1,-.
01&,)%
1,-.
1,-.
)(-!.&
1,-.
UCL?J:R>ILKP
UCL?J:B>GJ
UCL?J:MLG?H
UCL?J:MLG?H:B>EAJ
UCL?J:NGBJNN/
UCL?J:UCKDIJ
5
)(-!.&
5
)(-!.&
)(-!.&
5
=CS:>KLAE
=CS:FLBJ?GLCE
=CS:KLEJN
=CS:CBLJEG
=CS:M>?@
=CS:NLOLEA
G>=:NLFJ
)(-!.&
,)1.%.&
www.hostinger.com. r
 FALA FALA
 LAYOUT
Guia de Referências
KLNG:NGPKJ
KLNG:NGPKJ:LI>AJ/
KLNG:NGPKJ:MCNLGLCE
KLNG:NGPKJ:GPMJ
4,01+0184.+18/.
4,01+0184.+/'0,1,')
4,01+0184.+,-"%.
(&4
4.)%13
=>?@R>?J:ULNL=LKLGP/
MJBNMJ?GLUJ/
MJBNMJ?GLUJ:CBLALE
GB>ENRCBI
GB>ENRCBI:CBLALE
GB>ENRCBI:NGPKJ
)(-!.&
@7@7@7/.&#.)1"%.>$%$=4.)%13>$%$
A7@7
=/.&#.)1"%.>7%$=4.)%13>
AB7A7=4.)%13>7A$
%$@7@7@7 A7%%
@7 A7A
=4.)%13>7A
@7@7@7=/.&#.)1"%.>$%
=4.)%13>
A7@7=/.&#.)1"%.>$%
=4.)%13>7
&'((')$AB7A7=4.)%13>7A7%
@7@7@7 7A7CC
@7 A7A
=4.)%13>7A
G>BAJG
G>BAJG:E>IJ
G>BAJG:EJQ
G>BAJG:MCNLGLCE
1"&%.1+)"-.
1"&%.1+).9
1"&%.1+/'0,1,')
01&,)%
CDGKLEJ
CDGKLEJ:?CKCB
CDGKLEJ:NGPKJ
CDGKLEJ:QLFGH
'(14,).+#'4'&
'(14,).+0184.
'(14,).+9,*13
#'4'&
4.)%13
4.)%13
ABLF:?CKDIEN/
ABLF:BCQN
@74.)%137/.&#.)1"%.7&.4"1,?.
4.)%137A
@74.)%137/.&#.)1"%.7&.4"1,?.
4.)%137A
www.hostinger.com. r
Guia de Referências
LISTAS E MARCADORES
2D/3D
TRANSFORMACOES
POSICIONAMENTO DE GRADE
=CC@I>B@:K>=JK
/
=CC@I>B@:KJUJK
=CC@I>B@:G>BAJG
=CBFJB:KJEAGH
?CEGJEG
?CDEGJB:LE?BJIJEG
?CDEGJB:BJNJG
?BCM
FLNMK>P
HPMHJE>GJ:>RGJB
HPMHJE>GJ:=JRCBJ
HPMHJE>GJ:?H>B>?GJB
HPMHJE>GJ:KLEJN
HPMHJE>GJ:BJNCDB?J
HPMHJEN
LI>AJ:BJNCKDGLCE
I>B@N
ICUJ:GC/
M>AJ:MCKL?P
TDCGJN
"11&
01&,)%
,)1.%.&
(&,
"11&
4.)%13
(&,
03"/.
4.)%1374.)%13
,)1.%.&
,)1.%.&
,)1.%.&
,)1.%.&
(&,
*/,
01&,)%701&,)%701&,)%701&,)%
=CGGCI
?KLM
KJRG
MCNLGLCE
BLAHG
GCM
O:LEFJS
5
4.)%13
03"/.
5
4.)%13
5
4.)%13
5
4.)%13
)(-!.&
NGBLEA:NJG
GJSG:BJMK>?J
#')1.)1+4,01
@=01&,)%>7=01&,)%>AD
BD=P:>KLAE
BD=P:CUJBH>EA
BD=P:MCNLGLCE
BD=P:NM>E
www.hostinger.com. r
Guia de Referências
CONTEUDO
GERADO
CONTEUDO
GERADO
POSICIONAMENTO
>KLAEIJEG:>FVDNG
>KLAEIJEG:=>NJKLEJ
=>NJKLEJ:NHLRG
FCILE>EG:=>NJKLEJ
FBCM:LELGL>K:>RGJB:>KLAE
FBCM:LELGL>K:>RGJB:>FVDNG
FBCM:LELGL>K:=JRCBJ:>KLAE
FBCM:LELGL>K:=JRCBJ:>FVDNG
FBCM:LELGL>K:U>KDJ
FBCM:LELGL>K:NLOJ
LEKLEJ:=CS:>KLAE
KLEJ:HJLAHG
4.)%13
5
4.)%13
5
"4,%)-.)1+!"0.4,).
*
"4,%)-.)1+!"0.4,).
4.)%13
5
,)1.%.&
5
4,).
,)1.%.&
)(-!.&
4.)%13
5
LI>AJ:CBLJEG>GLCE
CBMH>EN
M>AJ
M>AJ:=BJ>@:>RGJB
M>AJ:=BJ>@:=JRCBJ
M>AJ:=BJ>@:LENLFJ
NLOJ
QLEFCQN
4.)%13
5
")%4.
,)1.%.&
4.)%13
,)1.%.&
KLEJ:NG>?@LEA/
KLEJ:NG>?@LEA:NGB>GJAP
KLEJ:NG>?@LEA:BD=P/
KLEJ:NG>?@LEA:NHLRG
GJSG:HJLAHG
UJBGL?>K:>KLAE
4,).+01"#$,)%+01&"1.%8
4,).+01"#$,)%+&(!8
4,).+01"#$,)%+03,;1
4.)%13
5
www.hostinger.com. r
LINHA DE CAIXA LINHA DE CAIXA
MIDIAS PAGINADAS
Guia de Referências
>MMJ>B>E?J
?DBNCB
L?CE
E>U:LEFJS
E>U:DM
E>U:BLAHG
E>U:FCQE
E>U:KJRG
BJNLOJ
(&4
(&4
)(-!.&
=,*>7@7#(&&.)17C7&''17C
=1"&%.1+)"-.>7A
=,*>7@7#(&&.)17C7&''17C
=1"&%.1+)"-.>7A
=,*>7@7#(&&.)17C7&''17C
=1"&%.1+)"-.>7A
=,*>7@7#(&&.)17C7&''17C
=1"&%.1+)"-.>7A
W>?GLUJ
WRC?DN
WULNLGJF/
WHCUJB/
WKLE@
WFLN>=KJF
WJE>=KJF
W?HJ?@JF
WNJKJ?GLCE
WK>EA
WEGH:?HLKFXEY
WEGH:K>NG:?HLKFXEY
WK>NG:?HLKF
WCEKP:?HLKF
WEGH:CR:GPMJXEY
WEGH:K>NG:CR:GPMJXEY/
WK>NG:CR:GPMJ/
WCEKP:CR:GPMJ
WJIMGP
WBCCG
WECGXSY
WG>BAJG
WW=JRCBJ
WW>RGJB
www.hostinger.com. r
Guia de Referências
PSEUDO-CLASSES
PSEUDO-ELEMENTOS
um elemento ativo
um elemento enquanto o elemento
tem foco
um link visitado
um elemento quando passa o mouse
um link não visitado
um elemento enquanto o elemento
está desabilitado
um elemento enquanto o elemento
está habilitado
um elemento (do controle de elementos)
que está verificado
um elemento que está atualmente
selecionado ou destacado pelo
usuário
permite ao autor especificar
a linguagem utilizada em um elemento
específico
um elemento que é irmãodo n-th
um elemento que é irmão do n-th
contado do último irmão
um elemento que é o primeiro irmão
um elemento que é o último irmão
um elemento que é filho único
um elemento que é o irmão n-th
do seu tipo
um elemento que é o irmão n-th
do seu tipo contando do último
irmão
um elemento que é o primeiro irmão
do seu tipo
um elemento que é o único filho
deste tipo
um elemento que não possui filho
elemento root dentro do documento
um elemento não representado pelo
argumento 'x'
um elemento alvo como especificado
por um alvo no URL
adiciona um estilo especial à 
primeira letra do texto
adiciona um estilo especial à
primeira linha do texto
adiciona algum conteúdo antes de
um elemento
adiciona algum conteúdo após um
elemento
Z/
?I
LE
II/
M?
MG/
?CKCB/E>IJ
BA=XS[P[OY
BA=XSZ[PZ[OZY
BA=>XS[P[O[/>KMH>Y/
\BBAA==
HNKXHDJ[/N>GDB>GLCE[
KLAHGEJNNY
HNK>XHDJ[/N>GDB>GLCE[
KLAHGEJNN[/>KMH>Y
?DBBJEG#CKCB
FJA
AB>F/
B>F
GDBE
?H/
JI
JS
AF
MS
BJI
UH
UQ
UI
5O
@5O
IN
N
www.hostinger.com. r
MEDIDAS
ABSOLUTAS
MEDIDAS
RELATIVAS
FREQUENCIA
TEMPO
CORES
ANGULOS
Guia de Referências
(ELUJBN>K
,PMJ
%BCDMLEA
#K>NN
2F
*JN?JEF>EG
#HLKF
"FV>?JEG
1L=KLEA
%JEJB>K
1L=KLEA
"GGBL=DGJ
www.hostinger.com. r
Guia de Referências
Nome Info Exemplo