CSS basic

h1 {

color:                    rgba(0,0,0,.8);       //szín, (piros, zöld, kék, átlátszóság)

font-family:         serif;                      // betűtípus

font-size:              36px;                     // betűméret

line-height:          1.58;                      // sormagasság

letter-spacing      -.003em;               // betűköz

text-align:             center;                 // szöveg igazítás

}

img {

height:                  auto;                    // magasság

width:                   100%;                  // szélesség

}

figure {

margin:                 0;                          // margó

}

article {

margin:                0 auto;                // középre rendezett

}

a:hover {

// az egér éppen ide mutat állapot

}

#first-row {                          /* id, mint kiválasztó */
  width:        300px;                /* szélesség fix képpontokban */
  height:       75%;                  /* szélesség relatívan megadva */
  box-shadow:   15px 15px 10px gray;  /* árnyék -- h-shadow v-shadow [blur] [spread] color*/
}

.right {                  /* class, mint kiválasztó */
  float:          right;  /* "belebegtetés" jobbról */
}

HTML basic

<title>oldal címe</title>

<h1>legfontosabb címsor</h1>

<h6>legkisebb címsor</h6>

<figure>

<img src=”kép webcíme” alt=”alternatív szöveg”>

<figcaption>képaláírás</figcaption>

</figure>

<article>

<p>Bekezdés <a href=”a hivatkozott oldal webcíme” title=”a hivatkozott oldal címe”>egy kattintható linkkel</a></p>

<p>egy másik bekezdés <strong>kiemelten hangsúlyos tartalom</strong>.</p>

</article>

<div>a honlap váza</div>