Una Generalia di Cascading Style Sheets With Sample Style Sheet
Quandu site di custruisce un situ web da u scarrà, hè intelligente per cumincià cù i stili basi definiti. Hè cum'è principuminatu cù una tela neve è freschi. Unu di i primi prublemi chì i web designers facenu chì i web browsers sò tutti sfarenti. A fatturìa predeterminada hè diffeente da a plataforma à a plataforma, a famiglia predeterminada di tipu hè distinta, certi navigatori defineu marghjini è padding nantu à l'tag cum'è l'altri ùn avete micca, è cusì. Avanza sti inconsistenzi definitendu i stili predeterminati per i vostri pagine web.
CSS è u Caratteru Set
Prima ciò chì prima, fate u cartellu di caratteristiche di i vostri documenti CSS à utf-8 . Mentre chì ghjè prubabile chì a maiò parte di e pagine chjamate u disignu sò scritti in inglesu, alcuni sianu localizzati-adattati per un altru cuntestu linguale è culturale. Quandu sò, l'utf-8 simplifiche u prucessu. Ablezione di u ghjocu di caratteristiche in a stampa di stile esterni ùn anu impone precedenza à un capu HTTP , ma in tutti l'altri situazione, serà.
Hè facilitu per definisce u ghjocu di carattere. Per a prima linea di u documentu CSS scrivite:
@charset "utf-8";Questu modu, se utilizate caratteristiche internaziunale in a pruprietà di cuntenutu o in modu di classi è i nomi di l'ID, a carta stilosa ferma a travaglià bè.
Styling the Page Body
A prussima cosa una scheda di stile predeterminata hè bisognu di stile per cero fora di marge, padding è di fruntiere. Questu hè sicuru chì tutti i navigatori fate u cuntenutu in u stessu locu, è ùn sò micca spazi hidden entre u navigatore è u cuntenutu. Per a maiò parte di e pagine web, questu hè troppu vicinu à u cimini per u testu, ma hè impurtante per cumentu per quessa, chì e funzioni di a funzione è di a divisioni di funziunalità sò straggiati beni.
html, corps {margin: 0px; padding: 0px; frontière: 0px; }Defini u predefinitu u colore di fondu predeterminatu à u neru è u culore di u funziunamentu predeterminatu per u biancu. Mentre chì questu mudificà hà assai cambiate per a maiò parte di i disinni di Web, dopu avè sti standard colti nantu à u corpu è l' tag HTML prima fa a pagina più faciule per leghje è travaglià.
html, corpu {colour: # 000; fondu: #fff; }Styles Font Default
A font size è a font family sò quì chì cambià inevitabbilamenti quandu u funziunale si prumesse, ma iniziu cun un grandore predeterminatu da 1 em è una famiglia predeterminada di Arial, Ginevra, o una altra font sans-serif. L'usu di l'EMS mantene a pagina cum'è accessibile possibbili, è una fontana sans-serif hè più legibile nantu à u screnu.
html, corpu, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; }Ci hè ancu altri paesi induve puderete truvà u testu, ma p , th , td , li , dd , è dt sò un principiu bellu per definisce a fonte di basa. Includite HTML è corpu in casu, ma assai browsers anulavanu l'opzioni di fontenali sè ùn pudete definisce e vostre fonti per l'HTML o corpu.
Prima
Ogni titulari HTML sò impurtanti per aduprà per aiutà u situ di u situ di scelta è ei mutori di ricerca mette più in u vostru situ. Sì stili, sò tuttu abbastanza fugliali, perchè sette stili predeterminati nantu à tutte e di definite a famiglia di tipu è a font sizei per ognunu.
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; } h1 {font-size: 2im; } h2 {font-size: 1.5em; } h3 {font-size: 1.2e; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {font-size: 0.8em; }Don ùn abbia micca i ligami
Styling i culori di link hè casi sempre una parte critica di u disignu, ma se ùn avete micca definitu in l'stili predeterminati, chances are you se abbandunà almenu unu di i pseudo-classes. Definiu cun una petite variazione nant'à u blu è cambia dopu qualchì volta hè a paleta di u culore per u situ cun prefessu.
Per definisce i ligami in parechji sfumature di u celu, stabilitu:
- ligami cum'è blu
- visitate e ligame cù u scuru blu
- in viaghju suviu cù u pilu urdinu
- i ligami attuali cume paler blue
cumu si prisentate in stu esempiu:
a: link {color: # 00f; } a: visitatu {cor: # 009; } a: vola (color: # 06f; } a: activu {cor: # 0cf; } Per stiluttendu i ligami cù un scopu di culore prufunna inocudu, hà assicuratu chì ùn aghju micca scurdatu di qualcunu di e classi, è anu da ancu un pocu più forte chì l'upertu predilettu, rosu è purpugenu.Full Style Sheet
Eccu a carta stilosa:
@charset "utf-8"; html, corps {margin: 0px; padding: 0px; frontière: 0px; culore: # 000; fondu: #fff; } html, corpo, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; } h1 {font-size: 2im; } h2 {font-size: 1.5em; } h3 {font-size: 1.2e; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {font-size: 0.8em; } a: link {color: # 00f; } a: visitatu {cor: # 009; } a: vola (color: # 06f; } a: activu {cor: # 0cf; }