Precisa de um freelancer, códigos-fonte e exemplos completos? Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
Ao contrário das folhas
de estilo incorporadas na parte <head></head> da
página e que controlam todas as propriedades dos elementos
para os quais são declaradas, as folhas de estilo in-line
afetam somente o elemento em que são declaradas. É
claro que este uso de CSS só é empregado em último
caso, já que a idéia é ter um controle
maior sobre a formatação da página, e uma
vez que você tenha que declarar um estilo dentro das tags
do elemento, este controle volta à estaca zero.
A declaração de um estilo in-line é feita
da seguinte maneira:
Se este código for digitado na parte <body></body>,
produzirá um botão como o mostrado na figura seguinte:
Você pode perceber como a declaração foi
feita dentro da tag <button>. Esta é a declaração
CSS in-line, já que ela sempre ficará dentro da
tag do elemento que receberá a formatação.
Veja que a sintáxe é bem parecida com o estilo
incorporado. A única diferença é que toda
a declaração deve estar entre as aspas. Caso for
necessário mais de uma propriedade, o ponto-e-vírgula
deve ser usado, como já vimos anteriormente. Veja o mesmo
botão, mas agora com mais de uma propriedade definida:
Digite este código na parte <body></body>
de sua págin e agora você terá um botão
na cor vermelha (background-color: red), a cor da fonte será
branca (color: white) e teremos ainda a fonte em negrito usando
a propriedade font-weight: bold. Observe como o ponto-e-vírgula
foi usado para separar as declarações.
Você pode usar este tipo de estilo para alterar as propriedades
CSS de qualquer elemento de sua página. Nas próximas
partes do curso vamos fazer um estudo aprofundado das propriedades
mais importantes. Até lá vá praticado os
conceitos aplicados até aqui.
Os dois exemplos vistos nesta parte podem ser visualizados executando
o arquivo lab1-6.htm na pasta de exemplos.
Todo o conteúdo deste site,
quando não devidamente observado, pertence a seus idealizadores
e não
poderá ser usado para outras finalidades senão estudo e
aprimoramento de técnicas de programação.
Certifique-se de ler asnotas legaisantes de proceder com
o acesso e leitura do
conteúdo disponibilizado nestas páginas.