CSS

Question 1

CSS

Answer 1

Cascading Style Sheets

Describes the presentation of web pages

Question 2

inline styles

Answer 2

Duplicate code

Question 3

Internal Style Sheets

Answer 3

Go in the head section and are defined within the style tag

Question 5

Establishes link between webpages and external resources

Answer 5

Link tag

Question 6

If there are conflicting styles

Answer 6

Last-read style will be used

Question 7

The rules of style sheets consist of

Answer 7

Selectors and declarations

Question 8

Selectors

Answer 8

Can select HTML elements based on
Types
IDs
Classes
And more

Question 9

declaration blocks

Answer 9

Enclosed in braces
Consist of declarations that are separated by semicolon
Last declaration in a block does not have to end with semicolon

Question 10

Declaration

Answer 10

Consists of
Property
Colon
Value

Question 11

Type selectors

Answer 11

Find html elements based on tag

Also called element selector

Question 12

With id attribute

Answer 12

Can create a unique identifier for an HTML element

Question 13

Create ID selector

Answer 13

With # symbol

And ID name

Question 14

Have multiple HTML element; want to select bunch of particular elements

Answer 14

Class attribute
Great way to apply style to multiple elements regardless of their type
An HTML element can have multiple classes

Question 15

Create class selector

Answer 15

Full stop with class name

Question 16

Link tag attributes

Answer 16

Type=”text/css”
Rel=”stylesheet”
Href=”path to css file”

Question 17

Property values have data types

Answer 17

Font-size : keywords, length, percentage

Question 18

Pixels

Answer 18

Small but visible dot on the screen
Pixels are absolute units - they work whenever we want things to have a particular size, rather than be proportional to other things

Question 19

Relative length units that depend on the default font size

Answer 19

Em

Great on smartphone screen as they leave the question of exactly how big to make something to the web browser

Question 20

set weight or thickness of the font

Answer 20

Font-weight
Keywords: normal, bold
Nine numeric values: 100-900

Question 21

Backup font family

Answer 21

.headline{
Font-family:”font1”,”font2”,””;
}

Question 22

Short hand properties

Answer 22

Font: bold italic 0.5em “font” Serief;
Border: 2px dotted red;

Question 23

Hexadecimal colors

Answer 23

Start with #
Have 3 or 6 digits
Represents the amount or R G B

Question 24

Inline elements

Answer 24

Display:inline;
Don’t have width and height.
They take up exactly as much space as the content need

Question 25

Inline-block elements

Answer 25

Like inline elements

Can have widths and heights

Question 26

Hide elements

Answer 26

Visibility:hidden; - element is hidden still takes up space
Display:none; - the webpage is displayed as if the element did not exist

Question 27

Margins

Answer 27

The outermost part of the box model.
Creating white space around an element and outside of its border that separates it from its neighbors
Can use short hand property
Margin property uses clockwise sequence

Question 28

Padding

Answer 28

Innermost part of an element

Creating white space around an element’s content and inside element’s margins and borders