|
All Content > Tutorials > Web Development > CSS »
View Article |
Learning CSS -- Important CSS Concepts
|
Summary:
An illustrated tutorial for all the web designers and developers learning to use CSS with important concepts, a chart of commonly used code, and Text and HTML version included. |
Details or Sample:
Learning CSS -- Important CSS Concepts
by Scott Frangos - (Assumes you have some knowledge of HTML)
Many Web Designers and Web Masters are just now making the jump into CSS -- Cascading Style Sheets -- since they add many design capabilities not possible with HTML alone. And, current versions of browsers are supporting at least CSS1, and most support CSS2 (CSS is like any other program... it has version upgrades). This is an introductory article to some key concepts to help you when you as you learn CSS.
Syntax Helps You Understand the Code Structure of CSS...
Just as HTML must be written in a certain sequence and requires proper brackets around tags, precise spelling, and has its own Syntax, so does CSS. It is similar to HTML, but has its own variations (the brackets used are different, for example). Remembering the Syntax of CSS will guide you as you write your Style Sheets.
CSS Syntax Terms:
* Selector: A CSS element which may be an HTML tag, or a purely CSS command which you may modify by writing a Value for one or more of its Properties.
* Property: One of the attributes of a CSS element, like its background, margin, color, etc.
* Value: A size or color assigned to one of the properties of a CSS element.
[insert "PropSelectValue.png"]
Note that CSS code uses its own bracket style -- { and }, unlike HTML which uses < and >. Colons (:) go between properties and values.
[insert "Cascade.png"]
The Cascading of Style Sheets (thats the C word in CSS), is an important concept that indicates the priority one form of Style takes over another. For example, an External Style Sheet trumps any styles that are set for the default in a browser like FireFox, Navigator, or Internet Explorer, while an Internal Style Sheet will over ride the External Sheet.
Types of Style Sheets -- Some are More Efficient...
(continues to 950 words, illustrated. Text & full HTML layout version included)
Screenshot of HTML version:
|
| Purchase this content for your website...
|
Downloads: 1
Written by: sfrangos
Available File Types:Text
Words: 950
|
|
|