60 likes | 180 Views
Cascading Style Sheets (CSS) are a vital technology used to describe the presentation of HTML documents. Unlike HTML, which structures content, CSS focuses on the appearance and layout of web pages. It allows developers to classify text by its visual characteristics, such as font size and spacing, providing flexibility and organization. This guide explores the history, purpose, and practical applications of CSS, showing how it operates like a tree structure and how it extends beyond HTML. Learn how styles enhance web design in a streamlined way.
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