Basic concepts to authoring CSS or Cascading Style Sheets. These components are necessary to build a site in conjunction with presentation HTML on the client-side. Although the intrinsic relation between HTML and CSS is more involved, I have spelled out some fundamental characteristics of the exchange with
the purpose of communicating to hiring managers my primary understanding.Style rules are implemented by four methods:
Internal - style rules written directly into the head tag.
External - style sheet is authored as a separate file then linked to the HTML from the head.
Inline - style rule is placed directly into the html tag it is targeted for and becomes the rule over the main style sheet.
Default - styles are based on the default settings of the browser.
Anatomy of a Style Rule
The Selector indicates which element or, in this example the div #main, to be formatted.
The Declaration describes the formatting. It is composed of two attributes - Property and Value.
The Property states the element of the style rule. i.e. width, height, border, margin, padding, position to name several.
The Value defines size, font face or cadence of the property.
Diagram of A Division
In relation to the Box Model I describe below, the building blocks of UI (user interface) design are divisions or div. Divisions are stacked and aligned vertically and horizontally within the UI to form a cohesive presentation. When authoring a declaration for the selector of a style rule, the property i.e.. margin-top: has a value which is qualified by a definite pixel amount or percentage of the whole.
The Box Model - Foundations of Site Architecture.
This color coded wireframe most simply illustrates the invisible structure of divisions or divs that precisely fit
together to give a web page it's architecture.
Review the box model live. You can preview the Internal CSS in the head of the HTML from the source code.
Review >
