HTML + CSS (Layout de Formulrio)

 Tópico anterior Próximo tópico Novo tópico

HTML + CSS (Layout de Formulrio)

ASP CLASSICO

 Compartilhe  Compartilhe  Compartilhe
#488209 - 08/04/2019 18:48:31

JCM0867
BALNEARIO CAMBORIU
Cadast. em:Março/2012


Última edição em 08/04/2019 19:25:24 por JCM0867

HTML fao a exibio das informaes. Chamado tb de Linguagem de Marcao. Quase a parte Bruta do documento.
O CSS Crio os Estilos, Arrumo as informaes, deixo com uma cara mais apresentvel.
define como sero exibidos os elementos e efetua a separao entre o formato e o contedo de um documento.
O JavaScript a linguagem que vai fazer essa informao receber alguns comportamentos (programao)
claro que no s isso que faz uma aplicao completa funcionar, ai entra C#, um framework Angular JS, PHP, etc.
HTML, CSS e Jacrascript o  Frontend  responsvel por dar vida interface
isso?





#488210 - 08/04/2019 20:05:09

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Bem, as definies formais so mais ou menos isso. No seu primeiro exemplo, voc consegue identificar o que HTML e o que CSS?

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


#488212 - 08/04/2019 20:34:16

JCM0867
BALNEARIO CAMBORIU
Cadast. em:Março/2012


sim




#488213 - 08/04/2019 20:52:58

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
No seu caso, no seu primeiro exemplo, no h absolutamente nada de CSS.

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


#488214 - 08/04/2019 20:57:35

JCM0867
BALNEARIO CAMBORIU
Cadast. em:Março/2012


Última edição em 08/04/2019 21:03:07 por JCM0867

ok, ignorei o CSS ai aparece s os itens do grid e no o desenho do grid como no exemplo
vou pegar o menor cdigo HTML, s tem isso:

<div class=[]row[]>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
  <div class=[]col-md-1[]>.col-md-1</div>
</div>
<div class=[]row[]>
  <div class=[]col-md-8[]>.col-md-8</div>
  <div class=[]col-md-4[]>.col-md-4</div>
</div>
<div class=[]row[]>
  <div class=[]col-md-4[]>.col-md-4</div>
  <div class=[]col-md-4[]>.col-md-4</div>
  <div class=[]col-md-4[]>.col-md-4</div>
</div>
<div class=[]row[]>
  <div class=[]col-md-6[]>.col-md-6</div>
  <div class=[]col-md-6[]>.col-md-6</div>
</div>

Coloquei dentro do <body> e rodei, logicamente s apareceu uma linta de itens
e agora?




#488215 - 08/04/2019 20:59:51

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
No fiddle que te passei, tem HTML e CSS(tanto personalizado quando o bootstrap)

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


#488217 - 08/04/2019 21:02:26

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
Grid e tabela no so a mesma coisa... Na documentao do bootstrap que passei mostra a parte sobre tabelas

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


#488218 - 08/04/2019 21:04:19

JCM0867
BALNEARIO CAMBORIU
Cadast. em:Março/2012


Última edição em 08/04/2019 21:11:38 por JCM0867

fiz no VS code
ok agora coloquei no codigo no fiddle. como executo



#488219 - 08/04/2019 21:12:36

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe
E qual o resultado?

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


#488220 - 08/04/2019 21:30:11

KERPLUNK
RIO GRANDE DO SUL
Cadast. em:Junho/2009


Membro da equipe

 Anexos estao visíveis somente para usuários registrados

Aqui est um exemplo completo, com o bootstrap local, um arquivo de estilos customizado, exemplificado e explicado.

_______________________________________________________________________
Virei Orculo!
The end is nigh, be ready for the nukes!


 Tópico anterior Próximo tópico Novo tópico


Tópico encerrado, respostas não sao permitidas
Encerrado por JCM0867 em 28/01/2020 23:06:33