Introduction to CSS Questions and Answers

Introduction to CSS Questions and Answers What does CSS stand for? Cascading Style Sheet What is CSS? Style sheet language that provides the formatting and "look" of a Web page or document written in a markup language. It's the presentation of a webpage. What are the two stages the browser combines the document's content with its style information? 1. The browser converts HTML and CSS into DOM. (The DOM combines the content with its style) 2. The browser displays the contents of the DOM. The ______ is where the CSS and document's content meet up? DOM a._______-_______ elements look like they start on a new line. b._______ elements flow within the text and do not start on a new line. a.) Block-level elements b.) Inline elements The key to understanding how CSS works is to imagine that there is an ________ _____ around every HTML element. invisible box CSS allows you to _______ ______ that control the way that each individual box (and the contents of that box) is presented. create rules CSS works by associating rules with _______ elements. HTML What type of language is CSS? Declarative What is a declarative language? A program that specifies what is to be done rather than how to do it. Nonprocedural and Very High Level Language are other names for... Declarative Language Identifiers that indicate which stylistic features you want to change. eg.) font, width, background-color, size, etc. CSS Properties Indicates how you want to change the style of the property. eg.) If you want to specify a color property then the value is the color you want the text in these elements to be (14px, Serif, Blue, etc.). CSS Values A CSS rule contains two parts: a ________ and a ________. Selector and a Declaration Indicates how the elements referred to in the selector should be styled. CSS Declaration The two parts of a CSS Declarations are: a _______ and a _______. a Property and a Value CSS Declarations are paired with ________ to produce CSS rulesets? Selectors Indicates which element the rule applies to. eg.) p {}, .class {}, etc. CSS Selectors Each declaration contained inside a declaration block has to be separated by a...? semi-colon; The selector plus the declaration block is called a...? Ruleset What is the code to link an EXTERNAL CSS? <link href="css/" type="text/css" rel="stylesheet"/> This element is used in an HTML document to tell the browser where to find the CSS file used to style the page. <link> What are the three attributes of a CSS link element? 1. href 2. type 3. rel The _______ attribute specifies the path to the CSS file (which is often placed in a folder called css or styles). href The _______ attribute specifies the type of document being linked to. The value should be text/css. type The _______ attribute specifies the relationship between the HTML page and the file it is linked to. The value should be stylesheet when linking to a CSS file. rel The code below is an example of: <style type="text/css"> body { font-family: arial; } </style> Internal CSS What are the eight types of selectors? 1. Universal Selector 2. Type Selector 3. Class Selector 4. ID Selector 5. Child Selector 6. Descendant Selector 7. Adjacent Sibling Selector 8. General Sibiling Selector Which selector applies to all elements in the document? Universal Selector * {} Which selector matches element names? Type Selector h1, h2, h3 {} Which selector matches an element whose class attribute has a value that matches the one specified after the period (or full stop) symbol? Class Selector .note {}