Difference between revisions of "Week Five (MGDP2050)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) |
Karl Jones (Talk | contribs) (→Cascading Style Sheets) |
||
| Line 15: | Line 15: | ||
Reading: [[Cascading Style Sheets]]. | Reading: [[Cascading Style Sheets]]. | ||
| + | |||
| + | == Selectors == | ||
| + | |||
| + | In CSS, a [[selector]] specifies the [[HTML element|HTML elements]] which will be selected by the rule. | ||
| + | |||
| + | === HTML element selectors === | ||
| + | |||
| + | HTML element selectors select elements based on element type. | ||
| + | |||
| + | === ID selectors === | ||
| + | |||
| + | ID selectors select elements based on the ID attribute of a single HTML element. | ||
| + | |||
| + | === Class selectors === | ||
| + | |||
| + | Class selectors select eleemnts based on the class attributes of one or more HTML elements. | ||
| + | |||
| + | === Other selectors === | ||
| + | |||
| + | Many other kinds of selectors exist, for a wide range of purposes. | ||
| + | |||
| + | See also: | ||
| + | |||
| + | * [[Selector]] | ||
== Web page layout == | == Web page layout == | ||
Revision as of 10:58, 16 February 2016
Lecture notes and exercises for Week Five of Web Design and Development II (MGDP2050).
No classes next two weeks!
- Next class session is March 8 (Week Six)
See also Week Four (MGDP2050) - Week Six (MGDP2050).
Contents
Review
Cascading Style Sheets
Reading: Cascading Style Sheets.
Selectors
In CSS, a selector specifies the HTML elements which will be selected by the rule.
HTML element selectors
HTML element selectors select elements based on element type.
ID selectors
ID selectors select elements based on the ID attribute of a single HTML element.
Class selectors
Class selectors select eleemnts based on the class attributes of one or more HTML elements.
Other selectors
Many other kinds of selectors exist, for a wide range of purposes.
See also:
Web page layout
See:
Bootstrap grid
The grid is Bootstrap's web page layout structure.
It is built from units of twelve. Use it to create columns.
See Bootstrap grid.
Exercises: in class
...
Exercises: for next week
...
