Lets begin with some vocabulary since i consider this one of the most important things whenever approaching a new subject. Every subject has a bunch of new words that a beginner has to become familiar with before he can advance. With vocabulary i mean not just new words abut also, jargon, syntax etc. This is important because if you dont know them it will be difficult to get help if you get stuck somewhere along the way of you learning curv.
Todays new vocabulary:
Selector{property:value}: | Style, Rule |
Selector: | Tells the browser which element on the page to work with. |
Declaration: | {everything inside here} |
Property: | The attribute |
Value: | #333333, 12px, etc |
table: | Selector |
tr: | Selector (tablerow), Used inside a table |
td: | Selector (tabledata),Used inside a table |
Pseudo | False or counterfeit; fake. |
Pseudo classes | Used to add special effects to some selectors. |
Syntax for P C | Selector:pseudo-class {property:value;} |
:first-child | P.C.S, Selects the first element of its type within a parent. |
td:first-child | P.C.S, Lets u design first row in a table for example. |
:nth-child(N) | P.C.S, alg exp (e.g. "2n" or "4n-1"). Good for even, odd styling. |
tr:nth-child(2n+5) | P.C.S, Lets u design specific rows. |
Id selector | Style for a single, unique element. defined with a "#" |
#container | Id.S ..HTML<div id ="container"> ... </div> |
Class Selector | Used on several elements, defined with a "."/ Override can do! |
.exampleID1 | C.S HTML <p class='exampleID3'> text here</p> |
Class | Already HTML defined element, p, body, h1 etc |
Topic TABLES
To tweak and customize tables was more difficult than i anticipated.
No comments:
Post a Comment