60 likes | 176 Views
Cascading Style Sheets. CSS. What is it?. Another file format ! its not like html Describes the looks of “selectors” in a .css file (example.css) in the <head> of html in the <style> tag in the style attribute of almost any html tag (style=””). Why ANOTHER format?. Conceptual History
E N D
Cascading Style Sheets • CSS
What is it? • Another file format ! its not like html • Describes the looks of “selectors” • in a .css file (example.css) • in the <head> of html in the <style> tag • in the style attribute of almost any html tag (style=””)
Why ANOTHER format? • Conceptual History • Purpose • more flexible than html • works like a tree...
Styles • The basic idea: • Classify text by its appearance • give common classifications a name • use the name to refer to them and apply attributes to them, such as type size
CSS Concept • Documents are formatted based on the meaning • Assign the look for a meaning not the content! • CSS is used outside HTML too! • Concept is from the Publishing World
Style Sheets • “Styles” or Style sheets are commonplace in publishing software • Print industry used Style Sheets to streamline workflow • A “Style” is shorthand for a set of attributes, such as typeface (font,) size, spacing, kerning