CSS parametrit

CSS tyylit ovat tänä päivänä tärkein työkalu html sivujen ulkoasun ja asettelun muokkaamiseen.

Tee itsellesi muistilista mielestäsi 20 tärkeimmästä CSS parametrista ja kerro niiden ominaisuudet esimerkein näin:
----
font-family:

Määrittää fontin (voi olla useita: esim. Arial,Verdana) tai fonttiperheen (serif tai sans-serif tai cursive tai fantasy tai monospace.) Selain käyttää ensimmäistä koneelta löytyvää fonttia. Fonttiperhe annetaan siltä varalta, ettei annettua fonttia löydy koneelta.

esimerkki font-family parametrin käytöstä p -kappaletagin kanssa, määrittää kappaleen fonttityylin:

P {font-family: Arial,Helvetica,sans-serif;}
----

Kommentit

Lähetä kommentti

Tämän blogin suosituimmat tekstit

Jokaiselle kurssille erillinen blogi!

Tehtävien annot ja palautukset tapahtuvat pääsääntöisesti ammatillisissa aineissa blogien kautta. Helpointa on tehdä joka kurssille oma blogi. Jotta kaikki kurssiblogisi löytyvät helposti, tee aluksi ns emoblogi, johon jatkossa linkität eri kurssien blogit. Tee myös tälle kurssille oma blogi. Kun olet tehnyt tälle kurssille erillisen blogin, linkitä se emoblogiisi ja postaa alla olevaan kommenttikenttään emoblogisi osoite.
Lue lisää

Korjaa koodi

Kopioi seuraava html-koodi Muistioon ( Macissa Texturi, muunna pelkäksi tekstiksi ) ja tallenna se .html muotoon. Koodissa on virheitä, jonka vuoksi se ei toimi oikein. Korjaa virheet ja parantele sivun ulkoasua muutenkin mieleiseksesi. Palauta sitten korjattu koodi omaan blogiisi. Mikäli tarvitset ohjeita koodin kirjoittamisesta, neuvoja saa etsiä netistä. koodi alkaa __________________ <html> <head> <title>Oma sivu</tite> <body bgcolor="#DB7093"> <h1>Kokeilu</h1><br> lisää tekstiä<br> vielä lisää tekstiä <p><font face="arial" color="#6B4226"> <b>uusi kappale</b></font><> <table border="1" width="900" align="center">   <tr>  <th colspan="3">eka solu</th>   <tr>  <td width="100">kolmas solu</td>  <td width="500">neljäs solu</td> ...
Lue lisää

HTML rakenne

Kuva
HTML PERUSRAKENNE <html> <head> Tänne sijoitetaan sivujen ohjauselementit </head> <body> Tänne tulee sivujen näkyvä sisältö </body> </html> -----------------------------------------------------
Lue lisää