meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
courses:ct30a3201:tero_ranta [2013/10/05 18:52]
a0311031 [5.10.2013]
courses:ct30a3201:tero_ranta [2013/10/12 20:28] (current)
a0311031 [5.10.2013]
Line 91: Line 91:
  
 Kuvat Kuvat
-<​img ​rhef="www.jokinverkko-osoite.net" width="​360"​ height="​240"/>​+<​img ​src="http://www.kuvaontaalla.net" width="​360"​ height="​240"​/> 
 +Linkit 
 +<a rhef="​http://​www.verkkokohde.org">​Linkkiteksti<​a/>
  
 Taulut <​table>​ Taulut <​table>​
Line 101: Line 103:
 Alarivit <​tfoot>​ Alarivit <​tfoot>​
  
-muutamien sanojen pituisten alojen rajaukseen <​span>​+muutamien sanojen pituisten alojen rajaukseen ​sopii parhaiten ​<​span>​
 moneen käyttöön taipuva <div> isompien tai pienempien alueiden maalaamiseen (mm. nappien) moneen käyttöön taipuva <div> isompien tai pienempien alueiden maalaamiseen (mm. nappien)
  
Line 107: Line 109:
  
 <link rel="​stylesheet"​ type="​text/​css"​ href="​tyylimatsku.css"/>​ <link rel="​stylesheet"​ type="​text/​css"​ href="​tyylimatsku.css"/>​
 +
 +Tähtimerkki tarkoittaa CSS-kielellä kaikkea, jokaista, kutakin ( =all).
 +Risuaidalla pääsee CSS:ssä käsiksi domin **id**entifioituihin elementteihin.
 +Piste taas tarkoittaa HTML:n luokka-atribuuttia (class).
 +
 +%%<!-- Olen HTML-kommentti -->%%
 +/* Olen CSS-kommentti,​ minulla on serkku JavaScriptissä */
 +
 +
 +
 +selector:​pseudo-class_selector %%{
 +    property: value;
 +}%%
 +esimerkkejä pseudovalitsimista
 +
 +a:link, p:​first-child,​ n:​nth-child(mones)