venerdì, Ottobre 30, 2020
Home Web CSS

CSS

Benvenuti su questa mia guida dedicata ai fogli di style o CSS. Non ha la pretesa di insegnare tutte le molteplici tecniche legate a questo modo di integrare stile nelle pagine web ma vuole, con tutta onestà, essere qualcosa di più di una semplice indicazione introduttiva che renda meglio l’idea di che cosa sono, come si adoperano e a che cosa servono i CSS. Leggi tutto…

I Parametri  

Sono quei valori che vanno specificati negli attributi e variano a seconda dell'attributo usato. Nelle tabelline riportate sotto è possibile rendersi conto di come possono essere espressi, alcuni di essi sono equivalenti, producono cioè lo stesso risultato, in questo caso sarete voi a decidere quale adoperare in base ai vostri gusti necessità ed abitudini. Unità di misura: Ho adoperato l'attributo font-size: esempio; con i...

Come impostare un'immagine come sfondo con CSS

Per impostare un'immagine come sfondo utilizzando il CSS bisogna utilizzare la proprietà background-image. Esempio Ecco un esempio in cui usiamo un'immagine nell'elemento <body>: body { background-image: url("paper.gif"); background-color: #cccccc; } Definizione e utilizzo La proprietà  background-image imposta una o più immagini di sfondo per un elemento. Lo sfondo di un elemento è della dimensione totale dell'elemento, compresi padding e border (ma non margin). Per impostazione predefinita, un'immagine di sfondo viene posizionata nell'angolo in alto...

I selettori ID (Identificatori)

Un selettore ID o identificatore, svolge funzione di etichetta di un contenitore, si possono cioè assegnare dei parametri e marcarli con un ID così che quando serviranno quei parametri, basterà richiamare il nome del selettore (ID) e con esso saranno richiamati tutti i valori a lui associati, valori specificati una sola volta nel foglio di style (interno o esterno...

Locali pubblici e web: ottenere visibilità e clienti dalla presenza in...

Da qualche settimana leggo il blog Aprire un bar: non sono un operatore del settore, ma da buon frequentatore di locali mi piace tenermi informato su come funzionino. Oltretutto è scritto bene e permette anche a chi, profano come me, non ha grandi conoscenze sull'ambiente dall'altra parte del bancone. Tra gli ultimi post, ce nè uno che ha attirato...

Sintassi CSS

La sintassi Abbiamo detto che hanno un loro elemento (tag) che viene specificato in html, si tratta dell'elemento: <style> con relativa chiusura </style>. Questo elemento serve per informare il browser che si tratta di stili che apporteranno le dovute modifiche agli elementi di html in esso definiti. La dichiarazione di style deve essere collocata all'interno dei tags <head> e </head> della pagina web, unica...

Il Box Liquido

Abbiamo visto come si creano i box e come si posizionano correttamente, esiste però una tecnica che prende il nome di box liquido che consentirà al box di adattarsi alla pagina ridimensionandosi automaticamente, proprio come fosse un liquido versato in un recipiente che ne assume la forma, da qui il nome box liquido. Dovendo posizionare un box al centro della pagina abbiamo visto che...

CSS nel foglio esterno

Foglio di style esterno Abbiamo visto come definire uno stile in linea quando ci serve magari una veloce particolarità delimitata ad una sola zona del nostro documento. Abbiamo visto anche come definire uno stile ad inizio pagina al quale tutto il documento faceva riferimento ed uso. Vediamo adesso quello che è in assoluto il più comodo e pratico dei sistemi, quello in cui esiste un foglio...

Dove si trova global.css in PrestaShop

Dove si trova il file global.css per modificare l'aspetto del tuo sito e-commerce in PrestaShop? Nella cartella del tuo tema c'è la cartella css dove puoi trovare il file global.css Nella installazione predefinita di PrestaShop, il perscorso è themes/prestashop/css/global.css

Posizionamento tramite CSS: prime lezioni

Sul blog di Kilian Valkhof, ecco i primi articoli di una serie sul posizionamento degli elementi di una pagina web attraverso i fogli di stile: le lezioni verranno pubblicate con cadenza settimanale. Il primo articolo introduce i tipi di posizionamento possibili e le loro caratteristiche, con immagini ed esempi chiari, sebbene il tutto sia in inglese. Il secondo spiega alcune...

Le regole che ogni web designer dovrebbe conoscere

Programmazione.it, in una serie di tre articoli, riassume le regole più importanti che un web designer dovrebbe conoscere: alcune possono sembrare ovvie ma, osservando molti siti web (aziendali o personali), ci si accorge che spesso non è così. Gli articoli sono brevi, sicuramente non esaustivi sull'argomento, ma offrono interessanti spunti di discussione: si passa dalla semplicità della navigazione alla pulizia...
NON seguire questo link o sarai bannato dal sito!