Motto

"Daca nu incerci sa faci ceva peste cunostintele pe care le ai, nu ai cum sa evoluezi." Ronald Osborn

vineri, 15 mai 2015

Notes: HTM & CSS (3)

Lesson7

  • hexadecimal values (Search for "hex color palette" or "hex color picker")
  • Pixels and ems
Hey, 1em is the font size that you normally use, so 2em is twice as big and 0.5em is half that size!

  • fonts:
Verdana | Courier | Garamond
serif | sans-serif | cursive
  • Backup values

    Lesson8

  • blocuri cu <div></div>
  • tabel: bordura pt td si table, height pt td;
  • link uri si text-decoration
  • design a button: desenarea lui cu div;
  • forma butonului: cu border-radius (face colturile desenului rotunde)
  • margin:auto; pozitionarea obiectului la mijloc pt ca marginile laterale sunt egale
  • selectorul universal:
     

Lesson9

  1. bifurcatii: parinti si copii
  2. selectarea unui copil direct: div > p
  3. class si id
class: in css se declara ca .nume{}, iar in htm se apeleaza cu <p class=”nume”></p> (cand ai de stilizat mai multe elemente diferite)
id: (folosit pt cand ai de stilizat un element) in css se descrie #nume{}, in htm se apeleaza <p id=”nume”></p>
  1. pseudo-class selectors (Using pseudo selectors, you can control the appearance of unvisited and visited links—even links the user is hovering over but hasn't clicked!)
  2. Links
  1. first-child - adauga stil doar elementelor care sunt first child al parintilor imediati (in css: p:first-child{})
  2. nth child - cu el se poate selecta orice alt copil dupa first-child astfel: p:nth-child(2){}
!!!Would turn every paragraph that is thesecond child of its parent element










Niciun comentariu:

Trimiteți un comentariu