Latest web development tutorials

CSS HTML

CSS (Cascading Style Sheets) para a prestação de estilo marca de elemento HTML.

Olhe! Styles e cores

manipular texto
Cores, caixas
e muito mais ...


tente »


Exemplos

Tente - Exemplo

HTML usando o estilo
Este exemplo demonstra como usar as informações para adicionar ao estilo <head> seção do formato HTML.

Este exemplo demonstra como usar um atributo de estilo não sublinhar links.
Como usar a propriedade para fazer um estilo links não sublinhados.

Link para uma folha de estilo externa
Este exemplo demonstra como Etiquetas conectar-se a uma folha de estilo externa.


Como usar o CSS

Em HTML 4, CSS é utilizado, a fim de melhor renderizar elementos HTML introduzidas.

CSS pode ser adicionado ao HTML nas seguintes maneiras:

  • Estilo em linha - uso "estilo" atributo em elementos HTML
  • folhas de estilo internas - no cabeçalho de um documento HTML <head> usando o elemento <style> para conter CSS
  • referência externa - Usar arquivo CSS externo

A melhor maneira é através de um referências de arquivos CSS externos.

Neste local HTML tutorial usamos estilos CSS in-line para introduzir uma instância, que é o de simplificar o exemplo, mas também torna mais fácil para você editar o código on-line e on-line em execução instância.

Você pode CSS site tutorial, CSS tutorial para aprender mais conhecimento CSS.


estilo em linha

Quando um estilo especial deve ser aplicado a elementos individuais, você pode usar estilos inline. Use estilo interno é usar o atributo de estilo na marca relevante. atributo de estilo pode conter qualquer propriedade CSS. O exemplo a seguir mostra como alterar a cor do parágrafo e da margem esquerda.

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

Saiba mais estilos, visite CSS tutorial .


Exemplo Estilo HTML - Cor de Fundo

Background atributo fundo cor (background-color) definem um elemento:

Exemplos

< body style = " background-color:yellow; " > < h2 style = " background-color:red; " > 这是一个标题 </ h2 > < p style = " background-color:green; " > 这是一个段落。 </ p > </ body >

tente »

No início atributo de cor de fundo (background-color) é usar a definição de atributo bgcolor.

Tente: Older HTML para definir o modo de fundo


HTML Estilo Exemplo - fonte, cor, tamanho da fonte

Podemos usar o font-family (fonte), cor (cor) e font-size (tamanho da letra) para definir o estilo de atributos de fonte:

Exemplos

< h1 style = " font-family:verdana; " > 一个标题 </ h1 > < p style = " font-family:arial;color:red;font-size:20px; " > 一个段落。 </ p >

tente »

font-family Agora comumente utilizados (tipo de letra), cor (cor) e font-size (tamanho da letra) atributos para definir estilos de texto, em vez de usar a tag <font>.


Exemplo Estilo HTML - Alinhamento de texto

Use text-align (alinhamento do texto) atributo de nível especifica o alinhamento vertical do texto:

Exemplos

< h1 style = " text-align:center; " > 居中对齐的标题 </ h1 > < p > 这是一个段落。 </ p >

tente »

Text-align propriedade text-align para substituir o rótulo antigo <center>.

tentar


folha de estilo interna

Quando um único arquivo exige um estilo especial, você pode usar uma folha de estilo interna. Você pode seção <head> por <style> tag define folha de estilo interna:

<Head>
<Style type = "text / css">
body {background-color: amarelo;}
p {color: blue;}
</ Style>
</ Head>


folha de estilo externa

Quando o modelo deve ser aplicado a muitas páginas, a folha de estilo externa seria a escolha ideal. Use folha de estilo externa, você pode alterar um arquivo para alterar a aparência de todo o site.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


tags no estilo HTML

标签 描述
<style> 定义文本样式
<link> 定义资源引用地址


tags e atributos Reprovados

Em HTML 4, o suporte personalizados elemento HTML tags e atributos originais estilo foram reprovados. Esses rótulos não vai apoiar a nova versão do HTML tags.

etiquetas reprovados: <font>, <center>, <strike>

atributos Deprecated: cor e bgcolor.