IES: CSS-deck 1

Question 1

CSS

Answer 1

• Cascading Style Sheets
• A language used to control the presentation of elements within HTML documents
• Universally accepted style sheet language by all modern web browsers

Question 2

CSS assignment

q

Answer 2

• inline: style attributes
• internal rules: within style tags in the HTML head
• external rules: Within a style sheet attached to the HTML document

Question 3

CSS creator

Answer 3

• W3C
• To regain control of the burgeoning document markup and progressing style markup

Question 4

CSS benefits

Answer 4

• distinguishes between structural and presentational document aspects
• Easier maintenance
• Smaller file sizes
• Greater control

Question 5

Cascade

Answer 5

• determines which style rule will have precedence
• Determines which style rule will be applied to an HTML element
• (inline rules may override those specified by other style sheets)

Question 6

3 basic types of style sheet

Answer 6

• browser (default): intrinsic set of style rules used by browsers (small variances between different browsers)
• User: custom style sheet-overrides browser style sheet (some browsers allow)
• Author: HTML doc specifies a style sheet by web page author- overrides browser and user style sheets
• (inline rules may override those specified by other style sheets)

Question 7

CSS style rule main parts

Answer 7

• selector
• Declaration block

Question 8

selector

Answer 8

• specifies which HTML doc element a rule targets
• When specifying a Target element, you target every element of that type
• Everything before the Declaration block’s opening brace
• Multiple element types can be targeted by listing them in the selector area separated by commas

Question 9

declaration block

Answer 9

• specifies the style properties of a targeted element

Question 10

style rule setup

Answer 10

• line begins with the selector
• followed by the Declaration block within a pair of curly brackets or braces
• braces contain 1 or more declarations
• Each declaration specifies: a property (followed by a colon), a valid property value (Followed by a semicolon)

Question 11

CSS property: color

Answer 11

• determines font color

Question 12

CSS property: background-color/ background

Answer 12

• determines the color immediately behind a font/ line of font

Question 13

white space within style rules

Answer 13

• permitted: to allow author formatting preference

Question 14

Viewport

Answer 14

• within a meta tag
• <meta name="viewport" content="width=device-width, initial scale=1.0">

Question 15

External style sheet

Answer 15

• a file separate from the HTML document which holds style rules
• great to maintain consistent Styles across web pages
• <link rel="stylesheet" href="external.css" type="text/css">

Question 16

m

width

Answer 16

• sets the width of the targeted element
• May use percentages, pixels, etc.

Question 17

CSS: *

Answer 17

• the CSS Universal selector
• a selector that selects elements of all types within an HTML document
• Has a zero specificity value of 0, 0, 0, 0

Question 18

(element) *

Answer 18

• selects elements of any type contained within the specified element type

Question 19

CSS selector: .

Answer 19

• class selector
• Selects elements containing matching class attribute values
• Examples: .sorta matches elements with class= “sorta”; div.sorta matches div elements with class= “sorta”
• (if two rules select the same element, the rule which includes more specificity will be applied)

Question 20

ID selector

Answer 20

• selects elements the matching ID attribute
• begins with a # followed by the matching ID value
• (each ID attribute value must be unique within the HTML doc)
• An identity selector can be combined with a type selector
• If an element is identified by both a class and in ID selector, the ID selector will be applied as it is more important