U stili visuale di u situ web hè dictautu da CSS o Fulaghji di Cascading Style. Queste sò documenti chì facenu un marche HTML di Internet, chì furnisce i navigatori Web cù struzzjoni nantu à a manera di visualizà e pagine chì rivenuti da quella marca. CSS manigheghja a distribuzione di pàgina, in modu di culore, imagine, tipografia è assai più.
Se vi vede un schedariu CSS, vi vede cum'è qualsiasi marcu o lingua di codificazione, sti schedari anu una sintassi specifica per elli. Ogni scheda stilu hè fatta di una quantità di reguli CSS. Queste règule, quandu hè statu presu in u cumplettu, sò quelli chì stenderanu u situ.
I Partii di una Regula CSS
A regula CSS hè cumpostu da dui parti distinti - u selettore è a dichjarazione. U selettore determina ciò chì hè strule in una pagina è a dichjarazione hè cumu si deve esse chjucatu. Per esempiu:
p {
culore: # 000;
}
Questa hè una regula CSS. A parti selettore hè a "p", chì hè un elementu selettore per "paragrafi". Saria, per quessa, sceglie tutti paràgrafi in un situ è furnisce cù questu stile (finu à quale chì ùn sò parechji paragrafi chì sò dirigiti da stili più specifici in altrò in u vostru documentu CSS).
A parte di a regula chì dice "culore: # 000" hè ciò chì si cunnosce cum'è a dichjarazione. Dita dichjarazione hè fatta di duie piezzu - a prupietà è u valore.
A prupietà hè u "colore" parolla di sta dichjarazione. Iddu qualchì aspettu di u selettore serà cambiatu visualmente.
U valore hè ciò chì serà cambiatu u propiu CSS elegutu. In u nostru esempiu, avemu usatu u valore di u centu di u 000, chì ghjè Clegatura cutterie per "nìuru".
Cusì aduprà sta regula CSS, a nostra pagina avete paràgrafi chì anu signalatu in una font-colore di u neru.
CSS Property Basics
Quandu pudete scrive pussibuli CSS, ùn puderebisce micca fà fàlli cum'è voi piacevule. Per esempii, "culore" hè una pruprietariu propriu di CSS, perchè pudete aduprà. Sta prupietà hè ciò chì determina u corpu di testu di un elementu. Se pruvate d'utilizà "testu-colore" o "font-color" cum'è propietate CSS, quissi fallianu perchè ùn sò micca parte realità di a lingua CSS.
Un altru esempiu hè a pruprietà "sfondate-image". Sta pruprietà faciliteghja una imaghjina chì pò esse usata per un fondo, cusì chistu:
.logo {
background image: url (/images/company-logo.png);
}
Sì avete pruvatu d'utilizà "sfondate" o "sfondà-gràficu" com'è una prupietà, ùn fallarìanu perchè, una volta, ùn sò micca proprietà CSS propriali.
Certi CSS Properties
Ci sò parechji pruprietà CSS chì pudete aduprate à stile un situ. Qualchi esempii sò:
- Border (cumpresu stile di cunfini, frontiereale, è frontiere)
- Padding (incù padding-top, padding-right, padding-bottom è padding-left)
- Mariggi (includenu marghjenu cima, margini-diritta, margini-fondu è margine-left)
- Font-family
- Font-size
- U culore di culore
- Larghezza
- Altura
Sti pruprietà CSS sò stati grandi di usà com'è esempi, perchè sò tutti boni faciuli è, ancu s'ellu ùn cunniscite micca CSS, pudete probabbilmente avete chì ciò chì facenu nantu à i so nomi.
Ci sò altre propietate di CSS chì avete scontru in modu chì pò esse micca evidenti cumu si travaglia basatu nantu à i so nomi:
- Float
- Clear
- Overflow
- Text-transform
- Z-index
Quandu avete più in u duminiu web, vi scontru (è usu) tutte issi propietate è più!
I prughjetti Need Values
Ogni vota aduprate una prupietà, avete da dà un valore - è certe proprietà pò esse accettate solu parechji valuri.
In u nostru primu esempiu di a pruprietà di "culore", avemu bisognu di u valore di u culore. Questu puderia esse un valore ecu, valuru RGBA, o ancu i chjave di u culore . Qualche di i valori avaristi travaglià, ancu chì, sè vo avete aduprà a parola "cuddetta" cù questu prupietà, ùn faria micca nunda, chì, cum'è descriptivu chì a parolla pò esse, ùn hè micca un valore cunghjuntatu in CSS.
U nostru sicondu esempiu di "articulu di stampa" precisa una strada di l'imagine s'utilice per acquistà una imàglia propria da u vostru situ. Questu hè u valore / sintassi chì hè necessariu.
Tutti i propietari CSS sò valutati ch'è aspetta. Per esempiu:
- U culore di fruntiera aspetta un valore di culore
- Da u grandu di fruntiera aspetta un valore di crescenu, cum'è píxels o percentajes
- L'estivi di fruntiera stenni unu di i stili riservati per a sta prupietà, cum'è "solid"
Se passassi a lista di e CSS, vi scuprerete chì ogni ghjornu duve valori specifichi chì anu da utilizà per creà l'estensi chì sò destinati.
Edited by Jeremy Girard