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.
 
Arquivo de Códigos - Página Inicial
Códigos-fonte
» Códigos-fonte e exemplos completos
Linguagens
» ActionScript
» Adobe AIR
» Adobe Flex
» AJAX
» C
» C#
» C++
» CSS
» Delphi
» DHTML - Dynamic HTML
» HTML/XHTML
» Java
» JavaFX
» JavaScript
» Java Servlets
» JSP - Java Server Pages
» Perl
» PHP
» PHP-GTK
» Python
» Ruby
» Tcl/Tk
» VB.NET
Bancos de Dados
» IBM DB2
» MySQL
Frameworks
» CodeIgniter
» jQuery
» JSF - Java Server Faces
» Qt
» Ruby On Rails
» Struts
» Struts 2
» wxWidgets
» Zend Framework
Container/Servidor
» Apache Tomcat
» Apache Web Server
Ferramentas
» Apache Ant
» iTextSharp (iText#)
Referências
» CSS1 e CSS2
» JavaScript
Serviços On-Line
» Qual é meu IP?
» Tabela Cores HTML I
» Tabela Cores HTML II
» Lista de Mime Types
» Códigos Teclas Virtuais
Usuários On-Line
Visitantes: 129
PHP
O que há de novo no PHP 5?
40 dicas e truques sobre como trabalhar com datas e horas em PHP
60 dicas e truques sobre como trabalhar com strings e caracteres em PHP
PHP e a Orientação a Objetos - POO (Curso Completo)

DHTML
Curso completo de DHTML para iniciantes

CSS
Como definir uma imagem de fundo fixa na página
Definindo uma imagem de fundo para botões HTML
Você está aqui: Inicio -> DHTML -> Curso Completo -> Folhas de estilo in-line
Folhas de estilo in-line
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:

<button style="background-color: yellow">Clique Aqui</button>

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:

<button style="background-color: red; color: white; font-weight: bold">Clique Aqui</button>

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.

<< Início do curso | Folhas de estilo vinculadas >>
 
 
Arquivo de Códigos - Página Inicial
Veja dicas, truques e anotações de Qt
Entenda a classe QLineEdit e aprenda a usar este controle em seus programas Qt
Como obter a quantidade máxima de caracteres que um QLineEdit aceitará
Como definir o texto de um QLineEdit em tempo de execução
Habilitando ou desabilitando um QLineEdit
Como obter o texto digitado em um QLineEdit
Como obter o texto do item selecionado em um QComboBox
Como obter a quantidade de itens em um QComboBox
Como definir a quantidade máxima de caracteres que um QLineEdit aceitará
Obtendo o texto do item selecionado em um QComboBox usando currentText()
Como definir o ícone para o executável de uma aplicação Qt no Windows
Veja dicas, truques e anotações de outras linguagens
ActionScript - Programação orientada a objetos (POO ou OOP) em ActionScript: Classes, objetos, métodos e variáveis de instância
PHP - Como montar uma árvore de arquivos e diretórios recursivamente
C# (CSharp) - Usando a API do Windows para fazer com que um TextBox de múltiplas linhas role para cima uma linha de cada vez
JSP (Java Server Pages) - Como listar todos os tipos MySQL e seus correspondentes JDBC usando JSP
PHP - Como obter apenas os valores dos elementos de um array associativo
C - Como inserir nós no início de uma lista singularmente ligada em C
JavaScript - Como elevar um número a uma determinada potência
PHP - Qual a melhor forma de enviar um formulário e receber seus dados na mesma página?
Java - Obtendo o caractere representado por um valor inteiro
Ruby On Rails - Introdução ao ActiveRecord do framework Ruby On Rails

       

http://www.arquivodecodigos.net
:: Arquivo de Códigos - Softwares e Consultoria em Programação ::
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 as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734

Desenvolvedor Responsável: Osmar J. Silva

Página Inicial Contatos Pesquisar Mapa do Site