https://peda.net/id/8e0e5d661d5 2020-11-02T23:44:16+02:00 https://peda.net/:static/533/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/481637b21d5 2020-11-03T00:10:56+02:00 Yleisesti tyyli koodataan syntaksilla<br/> <table border="1"> <tbody> <tr> <td><em><b>valitsin</b><b> {</b></em><br/> <em><b>  ominaisuus1: arvo1;</b></em><br/> <em><b>  ominaisuus2: arvo2;</b></em><br/> <em><b>  jne...</b></em><br/> <em><b>} </b></em></td> </tr> </tbody> </table> <br/> missä <br/> <b>valitsin</b> on sen html-elementin nimi, jonka ulkonäköä määritetään <br/> <b>ominaisuus1 </b>on jokin ominaisuus jolle asetetaan <b>arvo1. </b><br/> <br/> Esimerkiksi <br/> <em><b>h1 {</b></em><br/> <em><b> color: blue;</b></em><br/> <em><b> text-align: center;</b></em><br/> <em><b>}</b></em><br/> <br/> määrittää kaikille &lt;h1&gt; otsikoille ominaisuudet<br/> väri: sininen ja <br/> tekstin tasaus: keskitetty.<br/> <b><br/> </b>Lisätietoa <a href="https://www.w3schools.com/css/css_syntax.asp" rel="nofollow ugc noopener">https://www.w3schools.com/css/css_syntax.asp</a><br/> <br/> <div class="page"><!--filtered attribute: data-page-number="3"--><!--filtered attribute: data-loaded="true"--> <div class="textLayer"><span>Tyylitiedostoon voi kirjoittaa myös <em><b>kommentteja</b></em>, jo</span><span>ita käytetään </span><span>selittämään kirjoitettua CSS</span><span>-</span><span>kieltä. <br/> </span><em><b><span>/* </span><span>Kommentti kirjoitetaan aina vinoviivan ja asteriskin (eli tähtimerkin)</span></b></em><span><em><b>sisään. */</b></em><br/> </span></div> </div> <div class="page"><!--filtered attribute: data-page-number="4"--><!--filtered attribute: data-loaded="true"--> <div class="canvasWrapper"><span>Kommentit eivät näy muuten kuin koodin lukijalle eli eivät näy </span><span>www</span><span>-</span><span>sivulla. <br/> Kommenttien avulla voi myös tehdä kokeiluja vaihtoehtoisten koodien välillä. </span></div> <div class="textLayer"> </div> </div> 2020-11-03T00:10:56+02:00 https://peda.net/id/f4da19c61d5 2020-11-03T00:32:17+02:00 Voit tarkistaa onko koodisi ohjeiden mukaista: mene sivulle<br/> <a href="https://jigsaw.w3.org/css-validator/" rel="nofollow ugc noopener">https://jigsaw.w3.org/css-validator/</a><br/> Jos koodisi ei ole netissä, valitse vaihtoehto &quot;by Direct input&quot; ja kopioi-liitä.<br/> 2020-11-03T00:30:05+02:00