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: 106
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 -> O pseudo-elemento :first-line
O pseudo-elemento :first-line
O uso do pseudo-elemento :first-line permite a definição de uma formatação especifica para a primeira linha de um parágrafo (Creio que esse pseudo-elemento só é usado com parágrafos. Nunca vi outro uso). Se você já teve a chance de ler a revista americana Newsweek, deve ter percebido que a primeira linha de cada parágrafo que abre os artigos vem sempre em letras maiúsculas. Veja a página web que escrevemos exemplificando este estilo:




Esta página web pode ser vista executando o arquivo lab1-14.htm na pasta de exemplos.

Veja a declaração CSS usada para este exemplo:

<style type="text/css">
<!--
  p {font-family: verdana; font-size: 80%; text-align: justify}
  p:first-line {text-transform: uppercase}
//-->
</style>


Veja que declaramos a fonte verdana, o tamanho da fonte de 80% e alinhamos o texto do parágrafo em modo justificado. A segunda declaração define a primeira linha do parágrafo como sendo letras maiúsculas com o uso da propriedade text-transform: uppercase.

Você pode fazer qualquer declaração para o pseudo-elemento :first-line, desde que estas propriedades sejam aceitas na formatação.

Veja em seguida o código completo para a página de exemplo (a título de exercício, escreva algo parecido usando o pseudo-elemento :first-line):

<html>
<head>
<title>Estudos CSS</title>

<style type="text/css">
<!--
p {font-family: verdana; font-size: 80%; text-align: justify}
p:first-line {text-transform: uppercase}
//-->
</style>

</head>
<body>

<p>O levantamento concluiu que homens solteiros de até 35 anos têm risco de morte 50% maior do que um homem casado, da mesma idade. No caso das mulheres, as casadas têm menos probabilidade de desenvolver doenças crônicas do que as solteiras. Os dados mostram ainda que as crianças de pais casados que continuam a viver juntos, permanecem na escola, ou faculdade, por mais tempo - 78% das meninas e 69% dos meninos, em famílias de pais casados, permanecem como estudantes em tempo integral aos 17 anos.</p>

</body>
</html>


Vamos dar uma olhada no pseudo-elemento :first-letter?

<< Início do curso | O pseudo-elemento :first-letter >>
 
 
Arquivo de Códigos - Página Inicial
Veja dicas, truques e anotações de iTextSharp
Baixando, instalando e testando o iTextSharp no Visual Studio .NET 2005
Criando um documento PDF passo-a-passo usando iTextSharp e Visual C# 2005
Veja dicas, truques e anotações de outras linguagens
JSP (Java Server Pages) - Você sabe a diferença entre a diretiva include e a action <jsp:include>?
PHP - Como obter apenas as chaves dos elementos em um array associativo
Java - Programação orientada a objetos em Java: Classes, objetos, métodos e variáveis de instância
Java - Entendendo a classe ArrayList
Perl - Como obter (e remover) o último elemento de um array
GTK+ - Como definir um ícone para a janela principal de sua aplicação GTK+
Java - Criando um JButton contendo texto e uma imagem (ícone)
C++ - Entendendo a função WinMain das aplicações GUI usando a Windows API
C# (CSharp) - Verificando se um número informado é par ou ímpar em C#
Ruby - Como escrever um método que retorna um valor sem usar a instrução return

       

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