Difference between revisions of "Learning web design (2)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) (→CSS Box model) |
Karl Jones (Talk | contribs) (→Learning web design (3)) |
||
Line 37: | Line 37: | ||
See [[Box model (CSS)]]. | See [[Box model (CSS)]]. | ||
+ | |||
+ | == Width and height of HTML elements == | ||
+ | |||
+ | The box model relates to width and height. | ||
+ | |||
+ | When you set the width and height properties of an element with [[CSS]], you set the [[width]] and [[height]] of the content area. | ||
+ | |||
+ | To calculate the full size of an element, you must add: | ||
+ | |||
+ | * [[Padding (CSS)|padding]] | ||
+ | * [[Border (CSS)|borders]] | ||
+ | * [[Margins (CSS)|margins]] | ||
== Learning web design (3) == | == Learning web design (3) == |
Revision as of 11:46, 25 April 2016
This article about web design introduces Cascading Style Sheets.
See also Learning web design (1).
Contents
Style attributes
...
style elements
...
See style (HTML element).
External style sheets
...
See External style sheet.
Web page layout
Web page layout is largely determined by:
- HTML
- Cascading Style Sheets
- The CSS Box model in particular
- Web content
JavaScript also commonly play a role.
CSS Box model
The CSS Box model defines how HTML elements occupy space in a web page.
See Box model (CSS).
Width and height of HTML elements
The box model relates to width and height.
When you set the width and height properties of an element with CSS, you set the width and height of the content area.
To calculate the full size of an element, you must add:
Learning web design (3)
See Learning web design (3) for an introduction to JavaScript.