| HTML Tutorials |
|
|
| XML Tutorials |
|
|
| Browser Scripting |
|
|
| Server Scripting |
|
|
| .NET (dotnet) |
|
|
| Multimedia |
|
|
| Web Building |
|
|
| Java Tutorials |
|
|
| Programming Langauges |
|
|
| Soft Skills |
|
|
| Database Tutorials |
|
|
| Operating System |
|
|
| Software Testing |
|
|
| SAP Module |
|
|
| Networking Programming |
|
|
| Microsoft Office |
|
|
| Accounting |
|
|
|
| Proprietà della serie completa di caratteri di CSS |
|
Tranne una differenza importante, i margini di CSS sono quasi identicle all'attributo del margine di CSS:
un margine definisce lo spazio bianco intorno al bordo dell'elemento del HTML, mentre il margine si riferisce allo spazio bianco all'interno del bordo.
La regolazione del valore reale di margine è giusta lo stessi di con margine, in modo da potete probabilmente chiudere con chiusura a lampo a destra con questa lezione.
|
|
parametri del margine
|
| margine-parte superiore
|
|
- Per regolare il gioco alla parte superiore di un elemento, la margine-parte superiore è usata.
.
- Potete avere valori negativi (per esempio - 2px), tuttavia, prego sta usando questo, perché se specificate un alto valore negativo (o piuttosto realmente basso) che potete indurre agli ospiti il browser a arrestarti.
|
|
Codice di CSS
|
body
{
font-family: courier, serif
}
p
{
font-family: arial, "lucida console", sans-serif
}
<p style="font-family: arial, 'lucida console',
sans-serif">
|
|
| margine-di destra
|
|
Regolare il gioco alla destra di un elemento, margine-di destra è usata.
Potete avere valori negativi (per esempio - 2px), tuttavia, prego sta usando questo, perché se specificate un alto valore negativo (o piuttosto realmente basso) che potete indurre agli ospiti il browser a arrestarti.
|
|
Codice di CSS
|
body
{
font-style: italic
}
|
|
| Variante della serie completa di caratteri
|
|
Se il testo deve essere reso usando i glyphs normali per i caratteri minuscoli o usando i glyphs delle piccolo-protezioni per i caratteri minuscoli, la variante della serie completa di caratteri è usata. Una proprietà particolare della serie completa di caratteri è usata per chiedere una serie completa di caratteri adatta e può contenere soltanto il normale, solo piccolo-protezioni, o entrambi i tipi di glyph e, se la serie completa di caratteri contiene entrambe le varianti, dei glyphs adatti.
|
p
{
font-variant: normal
}
|
|
| Peso della serie completa di caratteri
|
|
Il peso della serie completa di caratteri ha usato rendere il testo come il boldness o la leggerezza dei glyphs, riguardante altre serie complete di caratteri nella stessa famiglia della serie completa di caratteri.
|
|
CSS Code
|
p
{
font-weight: bolder
}
|
|
| Dimensione
|
|
Per regolare il formato della serie completa di caratteri dalla linea di base alla linea di base, quando il solido dell'insieme (nei termini di CSS, questo è quando le proprietà di linea-altezza “e„„ “di serie-formato hanno lo stesso valore), la dimensione è usato.
|
|
CSS Code
|
body
{
font-size: x-large
}
p
{
font-size: 20px
}
|
|
La tabella follwing descrive le proprietà della serie completa di caratteri:
|
| Property |
Description |
values |
Sample Code |
| font |
Sets multiple font properties |
font-family font-size font-weight font-style font-variant |
|
| font-family |
Sets the font-name |
family-name generic-family |
p {font-family: verdana,arial} p {font-size: 10pt; font-family: arial} |
| font-size |
Sets the size of the text |
smaller larger xx-small x-small small medium large x-large xx-large |
P {font: 12pt arial} P {font: 70% sans-serif} P {font: bold italic large Verdana} |
| font-weight |
Sets the weight of the text |
normal bold bolder lighter 100 200 300 400 500 600 700 800 900 |
p{font-weight: bold} |
| font-style |
Sets the style of the text |
normal italic oblique |
p{font-style: italic} |
| font-variant |
Sets the font variant |
normal small caps |
h2 {font-variant: small-caps} |
|
Keywords:
css font color, css font family, css font style, css font size,
css font weight
|
|
| HTML Quizes |
|
|
| XML Quizes |
|
|
| Browser Scripting Quizes |
|
|
| Server Scripting Quizes |
|
|
| .NET (dotnet) Quizes |
|
|
| Multimedia Quizes |
|
|
| Web Building Quizes |
|
|
| Java Quizes |
|
|
| Programming Langauges Quizes |
|
|
| Soft Skills Quizes |
|
|
| Database Quizes |
|
|
| Operating System Quizes |
|
|
| Software Testing Quizes |
|
|
| SAP Module Quizes |
|
|
| Networking Programming Quizes |
|
|
| Microsoft Office Quizes |
|
|
| Accounting Quizes |
|
|
|