Fonte, a caixa de diálogo estilo construtor

Artigo
08/25/2010

The Fonte página de do Construtor de estilo caixa de diálogo possibilita definir atributos de fonte de folha de estilos em cascata (CSS) de estilos em cascata.Você pode aplicar esses atributos diretamente aos elementos HTML ou você poderá adicioná-los a regras de estilo CSS.

Para aplicar atributos de fonte diretamente ao texto em elementos HTML na sua página

Abra seu documento HTML no modo de exibição de Design do HTML Designer e selecionar o texto para formatar.
clicar Estilo on the Formato menu para em em aberto o Construtor de estilo caixa de diálogo.
selecionar Fonte no painel esquerdo do Construtor de estilo caixa de diálogo.

The Fonte, o construtor de estilocaixa de diálogo aparece no painel direito.

Quando você aplica estilos de fonte ao texto selecionado no modo de modo de exibição de Design, atributos de estilo são inserido embutido em marcação HTML da sua página.Alterne para o modo de exibição HTML para examinar os novos atributos de estilo inseridos.

Para adicionar fonte de atributos a uma CSS estilo regra definida em uma folha de estilos externo

Abra um existente folha de estilos externo e coloque o ponto de inserção entre chaves curvas ({}) que seguem o seletor para o estilo desejado.
clicar Criar estilo on the Estilos menu para em em aberto o Construtor de estilo caixa de diálogo.
clicar Fonte no painel esquerdo do Construtor de estilo caixa de diálogo.

The Fonte, o construtor de estilocaixa de diálogo aparece no painel direito.

Observação:
O Estilos menu aparece quando você abre uma folha de estilos CSS externa para edição.Sobre o Estilos menu, the Criar estilo opção fica disponível quando você coloca o ponto de inserção dentro de chaves que seguem o seletor para uma regra de estilo.

Uma classe de estilo CSS definida em uma folha de estilos externas pode ser aplicada a um elemento dentro de <BODY> elemento de uma página da Web (ou, nesse caso, para o <BODY> elemento propriamente dito) atribuindo o seletor de estilo CSS sistema autônomo o CLASS propriedade do elemento.

Opções disponível na Fonte página de do Construtor de estilocaixa de diálogo incluem o seguinte.

Tarefas

Elementos da Interface do Usuário

Nome da fonte

Família
Fornece uma lista de opções para a fonte a ser usado para o texto exibido neste estilo.Se você estiver criando documentos para a Internet, escolher fontes que tenham a maioria dos usuários.Um audiência variado de Internet nem todos pode ter uma grande variedade de fontes instaladas.Se você selecionar Família, você pode escolher o botão adjacente reticências (...) para em em aberto o Seletor de fonte caixa de diálogo e selecionadas as fontes.Para obter mais informações, consulte Caixa de diálogo Seletor de fonte.É comum para listar várias fontes para fornecer uma variedade de opções.Por exemplo, você pode selecionar Verdana (uma fonte de sistema Windows criada para exibição da Web) from a Seletor de fontee adicione manualmente Arial, Helvetica (para navegadores para Macintosh) e Sans Serif (a escolha de fontes genérica para usuários que realizam não têm qualquer uma das outras fontes listados).A marcação de estilo CSS para FONT-FAMILY em seguida, seria:

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
Fonte do sistema
selecionar esta opção para que o estilo de aplicar uma opção de fonte de sistema que o usuário tenha definido no computador de exibição da página.Por exemplo, se você selecionar Legenda de janela, navegador da Web de Web do visualizador exibirão texto na página que é formatada com esse estilo usando a fonte atribuída a legenda de janela no computador de exibição.Essa fonte da legenda de janela pode estar Times em um computador e Verdana em outro.A marcação de estilo CSS que se aplica a fonte do sistema legenda da janela, por exemplo, é:

FONT: caption

Atributos de fonte

Color
Define a cor do texto exibido no estilo.Há várias maneiras para especificar uma cor:

Digite o nome de uma cor.
Digite um valor de cor RGB válido (por exemplo, # FF0000 é vermelho).
selecionar uma opção na lista suspensa.
clicar no botão de reticências (...) para em aberto o seletor de cor caixa de diálogo e selecionadas cores adicionais.

Por exemplo, se você selecionar vermelho, o seguinte emparelhar atributo/valor CSS será inserido:

COLOR: red

Observação:
Se você selecionar uma cor a seletor de corcaixa de diálogo de em vez de na lista suspensa, um valor de cor RGB hexadecimal é inserido em vez do nome da cor.Por exemplo, se você selecionar o vermelhoSeletor de corescaixa de diálogo , CSS seguintes atributo/valor emparelhar é inserido: COLOR: #ff0000.

Itálico
Define o FONT-STYLE atributo para o texto exibido neste estilo. selecionar um dos Não conjunto > (nenhum opção escolhida), Normal (não itálico), ou Itálico.Por exemplo, se você selecionar Itálico, CSS seguintes atributo/valor emparelhar é inserido:

FONT-STYLE: italic

Observação:

Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.The Italics atributo não pode ser aplicado a fontes do sistema.
versalete
Define o FONT-VARIANT atributo para o texto exibido neste estilo. selecionar um dos Não conjunto > (nenhum opção escolhida), Normal (não Versalete), ou Small Caps.Por exemplo, se você selecionar versalete, a seguinte marcação CSS será inserida:

FONT-VARIANT: small-caps

Observação:

O Small Caps atributo não pode ser aplicado a fontes do sistema. Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.

Observação:
Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.The Italics atributo não pode ser aplicado a fontes do sistema.

Observação:
O Small Caps atributo não pode ser aplicado a fontes do sistema. Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.

Size (Tamanho)

Esta opção define o dimensionar da fonte do estilo usando um dos três atributos: Specific, Absolute, ou Relative.

Observação:
Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.The Size atributo não pode ser aplicado a fontes do sistema.

Específico
Define um dimensionar específico para a fonte.A lista suspensa adjacente exibe opções de unidade, que incluem px, pt (padrão), PC, mm, cm, em, em, ex, e %.Por exemplo, se você digitar 20 e aceitar o valor da unidade padrão, a seguinte marcação CSS será inserida:

FONT-SIZE: 20pt

Observação:
Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.Evite usar medidas de pixels (px), porque o texto formatado em pixels serão impressas em um dimensionar muito menor do que em que é exibido.

absolute
Define um dimensionar absoluto para a fonte, o qual você escolher em uma lista de opções.selecionar Não conjunto > (nenhum valor especificado), XX-Small, Minúscula X, Pequeno, meio, Grande, X-Large, or XX grandes.Por exemplo, se você escolher Minúscula X, a seguinte marcação CSS será inserida:

FONT-SIZE: x-small

Observação:

Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.
Relativo
Define um dimensionar relativo para a fonte, o qual você escolher em uma lista de opções.O dimensionar é em relação ao pai no estilo em cascata.If <BODY> texto do elemento é 8 pt, por exemplo e texto dentro de um <SPAN> elemento de <BODY> elemento com o estilo sistema autônomo Menor, the <SPAN> texto é menor que 8 pt. selecionar Não conjunto > (nenhum valor especificado), Menor, or Maior.Por exemplo, se você escolher Maior, a seguinte marcação CSS será inserida:

FONT-SIZE: larger

Observação:

Quando o atributo é Não conjunto >, nenhum código é adicionado ao estilo.

Efeitos

Esta opção define efeitos predefinidos para o estilo.As seguintes caixas de seleção estão disponível: Nenhum (sem efeitos) Sublinhado, Tachado, and Linha sobreposta.

Se você selecionar Nenhum, sem efeitos estão disponível.If Nenhum não estiver selecionada, você pode escolher qualquer combinação de efeitos restantes.Por exemplo, se você escolher ambas Sublinhado and Tachado, a seguinte marcação CSS será inserida:

TEXT-DECORATION: underline line-through

Negrito

Esta opção define que o FONT-WEIGHT atributo com base nos valores absolutos ou relativos.

absolute
Define o atributo negrito absoluto para o estilo como o atributo negrito associado com a fonte.selecionar um dos Não conjunto > (nenhum opção escolhida), Normal (não negrito), ou Negrito.Por exemplo, se você escolher Negrito, a seguinte marcação CSS será inserida:

FONT-WEIGHT: bold

Observação:

O Absolute Bold e Relative Bold não é possível aplicar atributos a fontes de sistema.
Relativo
Define o atributo negrito relativo para o estilo a um atributo negrito é mais ou menos em negrito que o padrão em negrito da fonte.selecionar Não conjunto > (nenhum opção escolhida), Mais claro (negrito menos que o padrão em negrito), ou Encorpados (mais negrito que padrão em negrito).Porque Lighter e Bolder atributos são relativas ao fontes individuais, a quantidade de boldness varia de acordo com a fonte ao qual está sendo aplicada. Por exemplo, se você escolher Encorpados, a seguinte marcação CSS será inserida:

FONT-WEIGHT: bolder

Observação:
O Absolute Bold e Relative Bold não é possível aplicar atributos a fontes de sistema.

Uso de maiúsculas e minúsculas

Define o TEXT-TRANSFORM atributo do estilo. selecionar Não conjunto > (nenhum opção escolhida), Nenhum (uso de maiúsculas e em minúsculas é sistema autônomo digitado), Limite inicial, em minúsculas, or LETRAS MAIÚSCULAS.Por exemplo, se você optar por LETRAS MAIÚSCULAS, o seguinte código é adicionado:

TEXT-TRANSFORM: uppercase