June 7
I browser Web scalare automaticamente la larghezza o l'altezza dell'immagine a seconda o meno di una larghezza o altezza è stato fissato nei vostri Cascading Style Sheets codice (CSS). Quando si vuole scalare a larghezza, ad esempio, impostare una larghezza e il browser si prenderà cura di abbinare l'altezza. Impostazione solo un'altezza causa anche al browser di utilizzare una larghezza che è proporzionale a tale altezza. Anche se il ridimensionamento delle immagini è meglio lasciare ai programmi di editor di grafica per motivi di dimensione del file e stretching o squishing, è possibile utilizzare questo trucco per ridimensionare le immagini in CSS al volo e tenerli in proporzione.
1 Vai su "Start" sulla barra delle applicazioni di Windows e digitare "Blocco note" o il nome di un editor di codice nella barra di ricerca. Premere il tasto "Enter" per avviare il programma. Passare a "File" e aprire il file che contiene il codice per la pagina Web, che è più probabile un file HTML.
2 Individuare i "<link>" tag nella parte superiore del codice per il file e cercare nei contenuti della loro "href" attributi di qualsiasi file CSS. Quando si trova il nome di un file CSS, tornare a "File" sulla barra degli strumenti e aprire il file. Si dovrebbe ora avere due file aperti: uno per la pagina Web e uno per il vostro CSS. Se non si dispone di un file CSS, crearne uno e aggiungere il "<link>" tag per il codice per la pagina Web tra i "<head>" tag:
<Link rel = "stylesheet" href = "path / to / style.css" type = "text / css" />
3 Ottenere il nome ID per l'immagine, cercando al suo tag "<img>" nel codice per la pagina Web:
<Img alt = "L'immagine" id = "myimage" />
Nel codice di cui sopra, "myimage" è il nome ID. Aggiungere un nome di ID al tag "<img>" se non esiste già.
4 Vai alla parte inferiore del vostro file CSS e scrivere un selettore per "selezionare" l'immagine con il suo nome ID:
myimage {}
coppie proprietà-valore vanno all'interno delle parentesi graffe. Ecco dove potrete inserire il codice per modificare la dimensione dell'immagine.
5 Aggiungere o un altezza o larghezza per il codice CSS:
myimage {width: 300px; } Myimage {height: 200px; }
Sopra è un esempio di ogni tipo di ambiente. Quando si imposta una larghezza senza altezza, il browser calcola automaticamente l'altezza di scala. L'opposto è anche vero.