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.

Exibições: 51

As respostas para este tópico estão encerradas.

Respostas a este tópico

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

perfeito amigo, era essa adaptação que estava quebrando a cabeça.

vlw pela ajuda.

RSS

Destaques

Registre-se no
Lab de Garagem
Clicando aqui

Convide um
amigo para fazer
parte

curso gratis de arduino

© 2019   Criado por Marcelo Rodrigues.   Ativado por

Badges  |  Relatar um incidente  |  Termos de serviço