Strati di stile di procedura in sequenza {CSS}
Gli strati di stile di procedura in sequenza (CSS) è una lingua dello stylesheet usata per descrivere il conferimento di un documento redatto in una lingua di margine di profitto. La relativa petizione più banale è di esprimere i Web pagi choice scritti in HTML e in XHTML, ma il gergo può applicarsi a qualunque genere di documento di XML, compreso SVG e XUL.

Il CSS può essere abituato localmente dai lettori delle pagine della trappola spiegare i colori, le fonti, la disposizione ed altre funzioni della presentazione del documento. È destinato basicamente per concedere una licenza alla separazione di soddisfare del documento dalla presentazione del documento. Questa separazione può migliorare l'accessibilità della sostanza, contribuire la più flessibilità e tenere indietro nella specifica di presentazione delle caratteristiche e registrare la complessità e la ripetizione nel soddisfare strutturale. Il CSS può anche permettere che comunque il servo di margine di profitto sia presentato negli stili differenti per i metodi contrari della rappresentazione, quale la su-protezione, nel tipo, dalla voce e sui dispositivi Braille-basati e tattili. Il CSS specifica una disposizione di priorità determinare le quali regole di sguardo fanno la domanda se più di una prevale fiammiferi contro un elemento particolare. In questa cosiddetta cascata, le priorità o i pesi sono calcolati ed assegnati alle regole, di modo che i risultati sono preveduti.

codificatori

Introduzione

Recentemente, ho veduto parecchi Web site che non implorano alcun tipo di stylesheet, o la struttura organizzativa ai loro modelli. Ciò è da un lato pratiche difficili esclusive di codificazione, nel mio parere, ma inoltre produce un luogo del valore trasandato e lo rende più duro per peole che immagina per leggere il pandect di fonte per trovare il dmod che cosa esso evento. Sull'altra estremità, ci è la gente che usa il CSS senza una conoscenza well-rounded di che cosa fa e non raggiungono così mai i limiti di che cosa il CSS può fare. Pratices gradice le disposizioni della tabella, molteplice uso del colore della fonte/attributo di portata ed altri pratices di codificazione possono essere tagliati di law non scritto con chiunque rivestimento semplice di stile. Spero che nella revisione questo blog io sia di talento raggiungere alla maggior comunità ed eventualmente plagiare su una maggior tregua di CSS per altri.

Che cosa è CSS?

La modifica procedente in sequenza riveste, o il CSS in breve, è un facile al modello di codificazione di necessità che aggiunge lo stile (attributi della fonte, gioco, ecc.) al vostro Web site. Per la maggior parte del cuscinetto di riserva di applicazione è di designare i Web pagi usando il HTML e XHTML, ma è possibile servirsi del langauge nei tipi multipli di documenti di XML. Con CSS un utente può separare il loro soddisfare del documento da donazione del certificato, così migliorando l'accessibilità del testo e rendendola più facile cambiare gli stili da una fonte. Gli specifictations di CSS maintatined tramite il consorzio saggio di fotoricettore dell'universo (W3C) e gli usi il tipo il testo/css del mime che è registrato per da CSS da RFC2318.

Storia

Avere un armistizio rigido di CSS non è adeguatezza allineare per apprezzare l'uso di Stylesheets. qualificato da dove il CSS viene, che cosa ha scintillato la concezione/bisogno al posto di esso e come ha aiutato la vasta comunità di fotoricettore del mondo causerà coltivare una comprensione del depper degli stylesheets e lo costringerà a prendergli il miglioramento pieno quando il momento viene.

nell'inizio è prudente da sapere che gli strati dell'etichetta sono esistito dallo SGML negli anni 70. Mentre il HTML si è sviluppato nella popolarità, ha cominciato ad inondare un'eterogeneità più larga della designazione delle caratteristiche che avrebbero contribuito a trattare le richieste della comunità in tutto il mondo della trappola. Questo sviluppo ha dato i progettisti il controllo del moer che oltre il loro individua il apperance, ma anche provocato più complesso e più duro sostenere, codice del HTML. Per rendere gli argomenti più difettosi per gli sviluppatori, una variazione in browser di fotoricettore lo ha fatto che delimita su inconcepibile per avere vostro sembrare del luogo unswerving attraverso le piattaforme multiple del browser ed ha dato ad utenti meno controllo giù come il soddisfare della rete è stato visualizzato.

Per migliorare le possibilità della rete mostri, nove langauges differenti dello strato sono stati proposti all'elenco di indirizzi di WWW-stile di W3C. Da quelle nove proposte, due sono stati scelti come il fondamento per che cosa si è trasformato in in CSS; Strati procedenti in sequenza di modo del HTML (CHSS) e strato di stile scorrere veloce-basato Prposal (SSP).

Quindi, con un'amalgamazione dei due, il CSS nasceva.

Le lingue attuali di stile di Unline gradicono DSSSL e FOSI, CSS ha permesso che uno stile di convalidazione fosse influenzato dagli strati multipli di sguardo. l'intera impiallacciatura di collera ha potuto ricevere o “cascata„ da un altro, consentendo una miscela dei preferances stilistici controllati ugualmente dal disegnatore e dall'utente di orientamento.

Anche se l'enumerazione CSS1 è stata completata in 1996 e Internet Explorer 3 del Microsoft è stato liberato durante quell'anno che caratterizza alcuno rinforzo limitato a causa del CSS, sarebbe di più di tre anni piuttosto che tutta l'esecuzione vicino-intensa realizzata browser dell'intrico dello specifcation. CIOÈ il fror 5.0 Macintosh, shippped in una camminata di 2000, era il primo browser per avere appoggio totale di CSS1, opera incomparabile, che era stata il bossman poiché la relativa introduzione del supporto di CSS fiften gli anni prima. Al luglio 2006, nessun browser completamente ha realizzato CSS2, che i livelli di esecuzione variano.

Sintassi

Il CSS ha una sintassi semplice ed usa un certo numero di parole chiavi inglesi per accennare i nomi di varie proprietà di stile. Ogni strato di stile consiste di una lista delle regole, dove ogni principio o regola-ripara consiste di uno o più selettori e di un blocchetto dell'avviso. Un proclamazione-hunk consiste di una lista delle dichiarazioni punto e virgola-terminate in ganci ricci. Ogni dichiarazione in se consiste di un'idiosincrasia, i due punti, un valore, allora un punto e virgola.

Nel CSS, i selettori sono utilizzati per dichiarare quali elementi un tipo si applica. I selettori possono applicarsi a tutti gli elementi di un tipico di ordine, o appena a quegli elementi che abbinano determinati attritubles.

Oltre che questi, un'attrezzatura dei pseudo-codici categoria può essere usata per definire il comportamento del futher. Selcts elementi undiminished degli pseudo del codice categoria, come: collegamento o: visitato, mentre un'pseudo-unità fa una selezione che può consistere degli elementi parziali.

trasmetta di CSS, approssimativamente tutti attributi relativi alla presentazione dei documenti del HTML contenuti all'interno del margine di profitto del HTML i colori della fonte, gli stili della priorità bassa, gli allineamenti dell'elemento, bordi ed i formati, ecc. CSS permette che agitiate in su molta di quelle informazioni ad uno stylesheet separato con conseguente HTML page considerevolmente più semplice.

nel favore dell'esempio, le modifiche dell'intestazione (h1, h2, h3, ecc) erano tutte formati predefiniti che usando strutturalmente il HTML. Se un progettista desiderato alla speculazione il valore egli/ella allora debba usare la copia della fonte del HTML ed altri elementi relativi alla presentazione, per ogni avvenimento di quel tipo del headign. Quindi, ogni volta H2 è stato denominato, l'utente anche ha dovuto aggiungere il codice per renderlo nello scopo perferred. Con la creazione di CSS, la presentazione è separata dalla struttura. allora, presentate una volta il disegno di h2 nel vostro stylesheet e guardate come ogni volta che h2 è denominato nel vostro HTML che eredita il disegno voluto dichiarato nello stylesheet.

Limitazioni

Alcuni svantaggi rinomati di usando il CSS “maidenly„, come dichiarato dal W3C, contengono:

Rinforzo contradditorio del browser

La forza differente dei browser esegue diversamente la disposizione di CSS come un'estremità prodotta degli insetti del browser o deficit di contributo alle caratteristiche di CSS. perché la norma Microsoft Internet Explorer, di cui le più vecchie versioni, come IE 6.0, difettavano di molte proprietà di CSS 2.0, interpretato erroneamente un partito significativo delle proprietà importanti, quale il foro, altezza e waft. Il numeroso cosiddetto CSS “incide„ be è costretto be è realizzato per realizzare la disposizione prevedibile fra l'più ordinario o comunemente è temperato agli agenti di utente (browser). Le disposizioni autentiche del pixel possono a volte essere inadatte realizzare attraverso i browser.

I selettori non possono salire a

Il CSS offre a nessun senso a più fine un padre o un antenato del fattore che soddisfa determinati test di verifica. Un diagramma più avanzato del selettore (quale XPath) permetterebbe agli stylesheets più specializzati. il grado, le ragioni principali che cercano il gruppo di lavoro di CSS che rifiuta le proposte di selettori di materfamilias è parentela alla prestazione del browser ed alle edizioni incrementali di delineazione.

il ukase intero del blocco non può ereditare esplicitamente da un altro

L'eredità degli stili è effettuata dal browser basato sulla gerarchia di contenimento degli elementi dei DOM e sulla specificità ordinariamente dei selettori, come suggerito dalla parte 6.4.1 della particolarizzazione CSS2. l'utente dei blocchi può riferirsi comprendendo i nomi di stirpe nella qualità del grado dell'fondamenti dei DOM.

Limitazioni di controllo verticale

Mentre l'ordinazione orizzontale degli elementi è generalmente facile da controllare, la disposizione verticale è di quando in quando unintuitive, complicata, o impossibile. le mansioni guileless, come concentrarsi un elemento verticalmente o convincere una persona alta un dato numero di piedi per essere disposto no superiore alla parte inferiore della vista, richiedono le regole complicate e unintuitive di stile, o il terreno comunale ma ampiamente le regole non confirmate.

Assenza di espressioni

Non ci è attualmente intelligenza da spiegare innesta i valori come espressioni semplici (come bussola-socialista: 10% - 3em 4px;). Tuttavia, un disegno di funzionamento con un valore di calc () per richiamare questa limitazione è stato pubblicato dal GRUPPO DI LAVORO di CSS e Internet Explorer 5 e tutte le versioni successive sostengono una dichiarazione riservata di parola (), con simile funzionalità.

Mancanza di ortogonalità

Le proprietà multiple nelle numerose occasioni hanno messo un termine ad alto facendo la stessa operazione. Per esempio, il punto di vista, l'esposizione ed il galleggiante definiscono il modello di disposizione e per lo più non possono essere uniti chiaramente. Un'esposizione: la sfera della eatables-cellula non può essere fatta galleggiare o posizione data: parente e un essenziale con il galleggiante: il babordo non dovrebbe comportarsi ai cambiamenti dell'esposizione. In ancora, alcune proprietà non sono definite in un senso flessibile che evita la nascita di nuove proprietà. campione misura, dovreste ingerire la proprietà “di bordo-gioco„ sull'elemento di tabella anziché la proprietà “del compass-*„ sugli elementi delle cellule dei victuals. Ciò è perché secondo lo stato di CSS, gli elementi di tabella interni non ottengono i margini.

Sprofondare del margine

Sprofondare del margine è, mentre ben documentato ed utile, anche complicato e frequentemente non è preveduto dagli autori e non c'è nessun lato-effetto-libero muto in qualità di alle sue punte delle dita per controllarle.

Contenimento del galleggiante

Il CSS non offre esplicitamente alcun bene immobile che abbia spinto un elemento per porre freno i galleggianti. Le proprietà multiple offrono questa funzionalità come effetto secondario, ma non uno di loro è completamente pilfer in tutte le situazioni. Poichè ci sarà un trabocco quando gli elementi, che è contenuto in un contenitore, sperperi la proprietà di messa a punto. abituale, postulato: condizionato vicino risolve questo. I galleggianti saranno differenti secondo il formato e la risoluzione di web browser, ma le posizioni non possono.

Mancanza di ambiti di provenienza multipli per territorio

I disegni altamente grafici fanno parecchie immagini di priorità bassa che cercano ogni elemento ed il CSS può rinforzare soltanto uno. ergo, gli sviluppatori devono decidere fra l'aggiunta degli involucri ridondanti intorno agli elementi di documento, o la caduta dell'effetto visivo. Ciò parzialmente è indirizzata nella brutta copia di funzionamento del modulo degli ambiti di provenienza CSS3, che già è sostenuto nel safari e in Konqueror.

Controllo delle figure dell'elemento

Il CSS attualmente offre soltanto le figure rettangolari. Gli angoli arrotondati o altre figure possono richiedere il margine di profitto non-semantico. in qualunque caso, questo è indirizzato nel funzionamento delinea del modulo degli ambiti di provenienza CSS3.

deficit delle variabili

Il CSS non contiene variabili.

scarsità della dichiarazione della colonna

Mentre possibile nel CSS corrente, disposizioni con le colonne multiple può essere complesso realizzare. Con la tendenza CSS, il processo a più riprese è fatto usando gli elementi di galleggiamento che sono resi ripetutamente diversamente dai browser differenti, schermo di computer contrastante modella e rapporti notevoli dello schermo fissati sui monitor standard.

Conclustion

Come potete vedere, benchè il CSS presenti le relative limitazioni, fornisce ai progettisti gli attrezzi stati necessari per compensare i migliori luoghi, più facili leggere il codice, il margine di profitto più pulito del HTML e molto più attentamente. È le mie speranze che nella lettura della questa introduzione a CSS, quel i progettisti passano sopra ritengono la difficoltà alla parte di apparecchiatura il sistema nei loro disegni e sognano in su migliorano i segni e più leggibile e più facile al codice del maintaitn.