Latest web development tutorials

CSS HTML

CSS (Cascading Style Sheets) per il rendering dell'elemento HTML tag di stile.

Ecco, stili e colori

manipolare il testo
Colori, scatole
e molto altro ancora ...


Prova »


Esempi

Prova - Esempio

HTML utilizzando lo stile
Questo esempio dimostra come utilizzare le informazioni da aggiungere allo stile sezione <head> del formato HTML.

Questo esempio dimostra come utilizzare un attributo di stile non sottolineare i collegamenti.
Come utilizzare la proprietà per fare uno stile collegamenti non sottolineati.

Collegamento a un foglio di stile esterno
Questo esempio dimostra come Tag dei collegamenti a un foglio di stile esterno.


Come usare i CSS

In HTML 4, CSS viene utilizzato, al fine di rendere meglio introdotti elementi HTML.

CSS può essere aggiunto a HTML nei seguenti modi:

  • stile in linea - l'uso "stile" attributo elementi HTML
  • i fogli di stile interne - a capo di un documento HTML <head> utilizzando l'elemento <style> a contenere CSS
  • Riferimento esterno - Utilizzare file CSS esterno

Il modo migliore è attraverso un esterno riferimenti ai file CSS.

In questo sito di tutorial HTML usiamo gli stili CSS in linea di introdurre un caso, che è quello di semplificare l'esempio, ma rende anche più facile per voi di modificare il codice on-line e on-line in esecuzione esempio.

È possibile sito CSS tutorial, tutorial di CSS per conoscere più informazioni CSS.


stile in linea

Quando deve essere applicato a singoli elementi di stile particolare, è possibile utilizzare gli stili inline. Usa stile in linea è quello di utilizzare l'attributo di stile nel tag in questione. attributo style può contenere qualsiasi proprietà CSS. L'esempio seguente mostra come cambiare il colore del paragrafo e il margine sinistro.

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

Per saperne di più stili, si prega di visitare il sito Tutorial CSS .


HTML Style Esempio - il colore di sfondo

Sfondo attributo di colore colore di sfondo (background-color) definire un elemento:

Esempi

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

Prova »

All'inizio attributo di colore di sfondo (background-color) è quello di utilizzare la definizione di attributo bgcolor.

Prova: Più HTML per impostare la modalità di sfondo


HTML Style Esempio - font, colore del font, la dimensione del carattere

Siamo in grado di utilizzare il font-family (font), il colore (colore), e font-size (dimensione dei caratteri) per definire lo stile degli attributi del carattere:

Esempi

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

Prova »

Ora comunemente usato font-family (font), il colore (colore), e font-size (dimensione dei caratteri) gli attributi per definire stili di testo, invece di utilizzare il tag <font>.


HTML Style Esempio - Allineamento testo

Utilizzare text-align (allineamento del testo) attributo livello specifica l'allineamento verticale del testo:

Esempi

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

Prova »

Text-align proprietà text-align per sostituire la vecchia etichetta <center>.

provare


foglio di stile interno

Quando un singolo file richiede stile particolare, è possibile utilizzare un foglio di stile interno. Puoi sezione <head> da <style> definisce foglio di stile interno:

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


foglio di stile esterno

Quando deve essere applicato a molte pagine stile, il foglio di stile esterno sarebbe la scelta ideale. Usa foglio di stile esterno, è possibile modificare un file per modificare l'aspetto di tutto il sito.

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


tag di stile HTML

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


tag deprecati e attributi

In HTML 4, i tag di stile originali sostegno personalizzati di elementi HTML e gli attributi sono stati deprecati. Queste etichette non supporteranno la nuova versione di tag HTML.

etichette obsolete: <font>, <center>, <strike>

Deprecated attributi: colore e bgcolor.