Welcome to Read: 08
Read: 08 - “More CSS Layout”
In this Read: 08, I will talk only about:
- Layout.
Layout
What is a layout?
We are going to look at how to control where each element sits on a page and how to create attractive page layouts.
Key concepts in positioning eLements:
-
Building Blocks
-
Controlling the position of eLements
-
-
Fixed width Layouts
-
Liquid Layouts
As a summary we can say those points:
- There is something called
<div>that can be used as a container; that contains many elements to apply CSS on them as a group. - The Float is a great tool in css, you can create multi-column layouts.
- The Float is a great tool in css, you can create multi-column layouts.
- The pages can be fixed or liquid.
- You can do a lot of CSS in one file.
| Read | Title | ToGo |
|---|---|---|
| Read: 01 | Introductory HTML and JavaScript |  |
| Read: 02 | HTML Text, CSS Introduction, and Basic JavaScript Instructions | |
| Read: 03 | HTML Lists, CSS Boxes, JS Control Flow | |
| Read: 04 | HTML Links, CSS Layout, JS Functions | |
| Read: 05 | HTML Images; CSS Color & Text | |
| Read: 06 | JS Object Literals; The DOM | |
| Read: 07 | HTML Tables; JS Constructor Functions | |
| Read: 08 | More CSS Layout | |
| Read: 09 | Forms and Events |  |
| Read: 10 | JS Debugging | |
| Read: 11 | Assorted Topics | |
| Read: 12 | Docs for the HTML canvas Element & Chart.js | |
| Read: 13 | Local Storage | |
| Read: 14a | CSS Transforms, Transitions, and Animations | |
| Read: 14b | What Google Learned About Teams | |
| Number | References |
|---|---|
| [] | Duckett, J. (2014). JavaScript & jQuery ; HTML & CSS. In JavaScript & jQuery ; HTML & CSS. Indianapolis, IN: John Wiley & Sons. |