https://peda.net/id/1e1bff80620 2021-01-29T09:10:50+02:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/3df26a9e620 2021-01-29T09:02:28+02:00 1. Lomakkeeseen voidaan viitata tyylitiedostossa kirjoittamalla .lomake ja lisäämällä aaltosulkeisiin halutut muotoilut.<br/> <br/> <span class="center"><a href="https://peda.net/p/henril/kotea361/ot3/oppilaan/5-tyylitiedoston-muokkaaminen2/5-tyylitiedoston-muokkaaminen/capture3.png#top" title="Capture3.PNG"><img src="https://peda.net/p/henril/kotea361/ot3/oppilaan/5-tyylitiedoston-muokkaaminen2/5-tyylitiedoston-muokkaaminen/capture3.png:file/photo/dc9bf241d01152129175b02a91ba9255c58583ed/Capture3.PNG" alt="" title="Capture3.PNG" class="inline" loading="lazy"/></a></span><br/> 2. Kaikki pääotsikot h1 ja perustekstit p voidaan myös keskittää<br/> <br/> <span class="center"><a href="https://peda.net/p/henril/kotea361/ot3/oppilaan/5-tyylitiedoston-muokkaaminen2/5-tyylitiedoston-muokkaaminen/capture4.png#top" title="Capture4.PNG"><img src="https://peda.net/p/henril/kotea361/ot3/oppilaan/5-tyylitiedoston-muokkaaminen2/5-tyylitiedoston-muokkaaminen/capture4.png:file/photo/5ce20579e0faa639aae041aac4dd6a9769cc9ab1/Capture4.PNG" alt="" title="Capture4.PNG" class="inline" loading="lazy"/></a></span><br/> 3. Sivun käyttämä fontti voidaan vaihtaa muokkaamalla body-elementtiä. Muuta fontiksi esim. Helvetica. Nyt tyylit.css-tiedosto näyttää suunnilleen tältä:<br/> <br/> <span class="center"><a href="https://peda.net/p/henril/kotea361/ot3/oppilaan/5-tyylitiedoston-muokkaaminen2/5-tyylitiedoston-muokkaaminen/capture5.png#top" title="Capture5.PNG"><img src="https://peda.net/p/henril/kotea361/ot3/oppilaan/5-tyylitiedoston-muokkaaminen2/5-tyylitiedoston-muokkaaminen/capture5.png:file/photo/c7b2cd4c8018ffc3533fcfbed367621bf0697bb1/Capture5.PNG" alt="" title="Capture5.PNG" class="inline" loading="lazy"/></a></span><br/> ​<iframe width="560" height="315" src="https://www.youtube.com/embed/PiHCUe7cQ6I" allowfullscreen="allowfullscreen"></iframe>​ 2021-01-29T09:11:43+02:00