boa tarde pessoal,
estou fazendo alguns testes com css e esp12, porem sem exito.
tenho 2 duvidas, a primeira, como seria css inline, pois em html para ide do arduino, não segue o mesmo padrão, então encontro dificuldades nisso. ex:
client.println("<h1>Monitoramento</h1>");-------- estilo do arduino
neste paragrafo, como eu faria para mudar a cor da letra,tamanho, centralizar e tal, a sintaxe esta difícil para mim.
<h1 style="color:white;padding:30px;">monitoramento </h1>-------- estilo css para Browser
E segunda duvida, vale mais a pena eu tentar investir em css inline, ou parto direto para css interno?
quero adaptar depois para java, ajax e bootstrap, mas acredito que primeiro preciso aprender bem a base html
desde ja grato.
Tags:
As respostas para este tópico estão encerradas.
Bom dia,
Não sei nada sobre CSS.
Mas esse cara português é fera :
https://techtutorialsx.com/2016/10/15/esp8266-http-server-serving-h...
https://techtutorialsx.com/?s=css&orderby=relevance&order=DESC
Pergunte para ele...
obrigado pelo link, tem bons artigos, vou aproveitar bastante conteúdo.
Primeiro você precisa entender o seguinte:
html, css, javascript são coisas que vão ser interpretadas apenas pelo navegador, o arduino não reconhece nenhum deles.
Segundo, trabalhar com inline não é uma boa prática porque você pode em algum momento querer reaproveitar classes.
Você pode fazer da seguinte forma:
client.println("<style>.tituloVerde{color: green;}</style>"); /* .tituloVerde é uma classe que vai aplicar tudo que tem entre as chaves ao elemento que for definido*/
client.println("<h1 class='tituloVerde'>Monitoramento</h1>"); /* Aqui eu atribui a classe tituloVerde em um paragrafo */
Mais uma vez, tudo que você foi imprimir, é o navegador que vai renderizar, o arduino não entende html, css e javascript.
Isso que eu fiz ficaria assim em uma página:
<style>
.tituloVerde {
color: green;
}
</style>
<h1 class='tituloVerde'>Monitoramento</h1>
Veja aqui: https://jsfiddle.net/ev01ph2y/ desative a tradução caso esteja usando o Chrome
Bem-vindo a
Laboratorio de Garagem (arduino, eletrônica, robotica, hacking)
© 2024 Criado por Marcelo Rodrigues. Ativado por