- Make a folder
- Save (right click, Save link As) there files: apple.html, apple.css, apple.png, and apple-small.png.
- Open apple.html in your folder with Google Chrome browser.
- Press function key F12, study tags in Elements section
- Open apple.css in Sources tab.
- Delete # signs in CSS markup and see what changes.
- Play with values and make your unique layout.
- Save your new layout into your folder with name apple.css (replace old file)
In layout I have used images apple.png (200x200 pixcel) and apple-small.png (16x16). You can make your own images
- Loo arvutisse kaust
- Salvesta (parem nupp, Save link As) sinna kolm faili: apple.html, apple.css, apple.png, and apple-small.png.
- Ava enda kaustas fail apple.html veebilehitsejaga Google Chrome
- Vajuta funktsiooniklahvile F12, uuri erinevaid HTML märgistusi kaardil Elements
- Ava apple.css in kaardil Sources
- Kustuta # märgid CSS käsuridade algusest ja vaata, mis muutub.
- Mängi erinevate väärtustega, et anda veebilehele isikupärane välimus
- Salvesta uus kujundus faili apple.css (asenda algne fail)
