Per la maggior parte dei webdesigner, lo stile di un sito web con i CSS è abbastanza semplice. Fintanto che il codice HTML è semantico e i div e le classi sono progettati in modo sensibile, il processo di sviluppo dovrebbe essere abbastanza facile. ⋯
Quando si inserisce un’immagine o del testo in un documento HTML, per default il testo viene allineato verticalmente al basale (baseline), questa è la linea di base del testo e l’immagine. Usando le proprietà CSS vertical-align
possiamo modificare questo comportamento e allineare il testo con l’immagine come preferiamo. Per fa sì che il testo circondi l’immagine viene utilizzato proprietà float
di CSS applicata all’immagine. ⋯
Una moderna alternativa HTML5-ready al reset CSS.
normalize.css è un file CSS personalizzabile che rende tutti gli elementi dei browsers più coerenti e in linea con gli standard più moderni; analizza le differenze tra stili di default dei browsers al fine di mirare con precisione solo gli stili che hanno bisogno di normalizzazione; conserva le impostazioni predefinite utili, a differenza di molti reset CSS; corregge bugs e incoerenze comuni ⋯
Sebbene questa dichiarazione CSS3 potrebbe non essere fondamentale per il vostro progetto o disegno e, anche se non è supportato da tutti i browser, si presenta come un effetto fantastico che da al progetto un’ulteriore spinta in avanti. ⋯
Il seguente documento espone una ragionevole guida di stile per lo sviluppo in CSS. Esso non è inteso per essere un rigido regolamento e non voglio imporre le mie preferenze di stile sul codice degli altri. A parte tutto, queste linee guida incoraggiano fortemente l’utilizzo di ragionevoli modelli comuni e già esistenti. ⋯
Un buon script per le font è difficile da trovare. Se siamo esigenti quando si tratta di questa particolare area di caratteri tipografici si tende ad odiare la maggior parte di ciò che si vede. Con questo post, è possibile ignorare il lavoro di smistamento attraverso la confusione e tagliare direttamente gli impressionanti script che sono leggibili, attraenti e perfetti per il nostro sito. ⋯
Se avete appena iniziato con i CSS, è bene avere una comprensione fondamentale di ciò che si intende quando ci riferiscono ai selettori CSS. In questo post farò una breve descrizione dei più noti selettori CSS insieme ad alcuni esempi. ⋯
Scopriamo come può utilizzare i CSS per visualizzare la prima lettera di una notizia con una dimensione superiore al resto del testo, come in alcuni quotidiani o blogs. ⋯