Docsity
Docsity

Prepara i tuoi esami
Prepara i tuoi esami

Studia grazie alle numerose risorse presenti su Docsity


Ottieni i punti per scaricare
Ottieni i punti per scaricare

Guadagna punti aiutando altri studenti oppure acquistali con un piano Premium


Guide e consigli
Guide e consigli


CSS - Cascading Style Sheets, Appunti di Design

Breve accenno su cosa sia il CSS, alcuni tag tra i più importanti e qualche consiglio sui Font

Tipologia: Appunti

2023/2024

Caricato il 12/09/2024

chiara-gardi
chiara-gardi 🇮🇹

23 documenti

1 / 2

Toggle sidebar

Questa pagina non è visibile nell’anteprima

Non perderti parti importanti!

bg1
CSS
<style>
h1{
text-align: center;
color: red;
}
</style>
Per scegliere i colori che mi servono per il mio sito posso usare il
sito Coolors.co
Dentro <head> devo creare il ponte <link rel=”stylesheet”
href=”css/style.css”> perchè lo devo trasportare dentro la
relativa cartella CSS e non lasciarlo dentro il file html.
<ff> sta per “Font Family”
h1, h2, h3, h4, h5, h6 { font family:
Per aprire la pagina sul sito mettere sempre .html e per CSS
#style.css
Per il peso dell’ immagine possiamo appoggiarci al sito
Compressor.io”, ci trascino l’ immagine che desidero “alleggerire”
e poi il sito fa il resto. Questa operazione è necessaria su tutte le
immagini che io vado a collocare perché essa va ad influire sulla
velocità di caricamento del sito.
Sul sito “Font Awesome” posso scaricare dei pittogrammi/icone che
posso mettere a mo di Font e non di immagini. Il sito per inserire
tutta la libreria dentro “Head” è “CDN Font Awesome”.
Il tasto “CTRL” e “ù” serve per aggiungere un commento sulla mia
pagina html in modo da farlo leggere ai miei colleghi ma non al
browser.
Il tag <div> serve per fare una suddivisione
Dentro a <div> inserisco “class” che è un attributo che dà il nome
a quell’elemento.
ctrl” + “C” per Copiare
ctrl” + “V” per Incollare
ctrl + “X” per Tagliare
pf2

Anteprima parziale del testo

Scarica CSS - Cascading Style Sheets e più Appunti in PDF di Design solo su Docsity!

CSS

Per scegliere i colori che mi servono per il mio sito posso usare il sito Coolors.co Dentro **** devo creare il ponte **** perchè lo devo trasportare dentro la relativa cartella CSS e non lasciarlo dentro il file html. **** sta per “Font Family” h1, h2, h3, h4, h5, h6 { font family: Per aprire la pagina sul sito mettere sempre .html e per CSS #style.css Per il peso dell’ immagine possiamo appoggiarci al sito “ Compressor.io ”, ci trascino l’ immagine che desidero “alleggerire” e poi il sito fa il resto. Questa operazione è necessaria su tutte le immagini che io vado a collocare perché essa va ad influire sulla velocità di caricamento del sito. Sul sito “Font Awesome” posso scaricare dei pittogrammi/icone che posso mettere a mo di Font e non di immagini. Il sito per inserire tutta la libreria dentro “Head” è “CDN Font Awesome”. Il tasto “ CTRL ” e “ ù ” serve per aggiungere un commento sulla mia pagina html in modo da farlo leggere ai miei colleghi ma non al browser. Il tag serve per fare una suddivisione Dentro a **** inserisco “ class ” che è un attributo che dà il nome a quell’elemento. “ ctrl ” + “ C ” per Copiarectrl ” + “ V ” per Incollarectrl ” + “ X ” per Tagliare

e è per fare il **Grassetto ** e **** è per fare l’ Italico o **Corsivo ** e **** è un tag neutro che se messo con “uppercase” mi permette di scrivere Per trovare i font da usare per il mio sito basta digitare su Google “ Google Font ” e da lì potrò selezionare tutti quelli che vorrò. Un font ritenuto tra i migliori in quanto a leggibilità e accessibilità per le persone con disabilità è quello appartenente alla famiglia “Atkinson”; “Atkinson Hyperlegible”.