1.0 CSS Basics Flashcards
In prior versions of HTML, you’d have to make hundreds of manual changes to website code.
Why is CSS even relevant to modern website design?
White pages with black text
What would the websites look like without CSS?
Check credible sources for updates
How do you stay current on HTML changes?
MDN: Mozilla Developer NetworkW3C: World Wide Web Consortium: sets worldwide standardsCanIUse.com: up to date browser support resource
What are 3 places you can check for current code standards?
Yes, it can be applied inline with HTML, inside an HTML document.
Can CSS be applied inline?
Yes, you can apply HTML internally inside an HTML document.
Can CSS be applied internally in an HTML document?
Yes, you can link to an external CSS document in the head tag of an HTML document.
Can CSS be external?
Yes, inline is higher in the hierarchy. Inline CSS overrides external CSS.
Can inline styling override external CSS?
.css
What is the distinct file format for all CSS files?
A selector styles a specified chunk of code.
What does a selector do?
Class Selector ID Selector Element Type Selector Universal Selector
What are the main types of selectors?
You choose the element name Element Examples: p,h1, h2, h3, .. h6,body,img,div
How do you select by HTML element tag?
No Elements can be selected without symbols before them.
Do element types need to be prepended with any symbols?
A class selector styles a section of code based on its class classification within the HTML document.
What is a class selector?
Yes . is used before class name
Do class selectors need to be prepended with a symbol to be
An ID selector lets you specify a unique section of code to style.
Whats an ID CSS selector?
symbol
What symbol is prepended to ID selectors?
ID Selectors are unique to 1 item. Class selectors can style multiple items.
When would you use ID selector vs Class selector?
*
What is a universal selector?
When a styling section applies to ALL HTML elements.
Why would you use a universal selector?
It’s a color specification system that uses a # followed by a combination of letters and numbers to define a precise color.
What is hexadecimal color?
It’s the styling category within CSS.
What is the CSS property?
font-size font-weight line-height color
What are 3 examples of CSS properties relating to font styli
The value is the quantity, color, or type.
What is the role of the value in CSS anatomy?