Inline elements - Form a line next to each other
Block - Take up the full browser width, however wide it is. Elements won't sit next to each other.
Css Zen Garden
Selector (Body) - Property (Line - Height) - Value (2px)
Colon separates the property from the value. A semi colon is used after the value
Attributes can be added to opening tags. Such as, and "id" or ".class". "id" is unique, as only one can ever be used on a page, but a ".class" can be used multiple times. "id" is far more powerful than a class, and will always outweigh it.
Margine rule when applying 4 different rules:
1st value = top
2nd value = right
3rd value = bottom
4th value = left
If you put in a single value top and bottom will be effected. Auto tag can be used to make a website sit in the middle of page.
HTML= Structure/ content
CSS= Style
Sudo class e.g hover. Sudo classes only work when there is an interaction.
Image transition over time:
-webkit-transition: all 2s ease-in-out;
Drop down box: Unordered list.
2 CSS rules needed:
.class
display:none
.class:hover
display:block
This allows for the div to stay invisible until the div is hovered over.
No comments:
Post a Comment