Difference between revisions of "Learning web design (2)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) (→Learning web design (3)) |
Karl Jones (Talk | contribs) (→External style sheets) |
||
Line 17: | Line 17: | ||
== External style sheets == | == External style sheets == | ||
− | ... | + | An '''external style sheet''' is a [[text file]] containing [[Cascading Style Sheets|CSS]] rules. |
+ | |||
+ | External style sheet files usually have the <code>.css</code> file extension. | ||
See [[External style sheet]]. | See [[External style sheet]]. |
Revision as of 11:52, 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
An external style sheet is a text file containing CSS rules.
External style sheet files usually have the .css
file extension.
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.