Read 08 ~ More CSS Layout
By Abdallah obaid
| NAME | URL |
|---|---|
| Home | Home. |
| 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. |
Layout in Css:-
- CSS treats each HTML element as if it is in its own box. This box will either be a block-level box or an inline box. CSS treats each HTML element as if it is in its own box. This box will either be a block-level box or an inline box.
-
The float property moves content to the left or right of the page and can be used to create multi-column layouts. (Floated items require a defined width).
- Pages can be fixed width or liquid (stretchy) layouts.
- Resolution refers to the number of dots a screen shows per inch. Some devices have a higher resolution than desktop computers and most operating systems allow users to adjust the resolution of their screens.
- Liquid layout designs stretch and contract as the user increases or decreases the size of their browser window. They tend to use percentages.
- Fixed width layout designs do not change size as the user increases or decreases the size of their browser window. Measurements tend to be given in pixels.
- Many designers use a grid structure to help them position items on a page, and the same is true for web designers.
- CSS Frameworks provide rules for common tasks.
