Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Substituindo estilo inline pela folha de estilo CSS

16-01-2015 23:02

Estilo inline é quando definimos o estilo no próprio elemento, por exemplo:

<div style="color:blue;">div</div>

Fazer isso em um documento com tabelas, divs e outras tags, acaba fazendo com que o código-fonte fique enorme, e difícil alterar, já que você tem que ir em cada linha do código para alterar o que deseja.

Com uma folha de estilo, podemos definir o estilo de vários elementos ao mesmo tempo, e caso necessário alterar a cor do texto por exemplo, alteramos somente na folha de estilo ao invés de alterar no HTML.

Vou deixar um exemplo bem simples de uma folha de estilo para uma tabela com vários elementos dentro.

<style> .t1 td{font-family:verdana;font-size:13px;color:#000;} .t1 a{font-family:verdana;font-size:13px;color:blue;text-decoration:none;} .t1 div{font-family:verdana;font-size:13px;color:green;} .t1 p{font-family:verdana;font-size:13px;color:red;} </style>


<table class="t1"> <tr> <td>texto, <a href="">link</a>, <div>div</div><p>p</p></td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado