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 |
|
|