3.1 css

Question 1

What is CSS?

Answer 1

CSS is a language that describes the style of an HTML document

Question 2

What does CSS describe?

Answer 2

CSS describes how HTML elements should be displayed

Question 3

What is the purpose of using CSS?

Answer 3

Use CSS to define the page layout

Question 4

What is Responsive Web Design (RWD)?

Answer 4

Creating websites which automatically adjust to look good on all devices

Question 5

What is the ‘mobile first’ approach in web design?

Answer 5

First design the style for mobile devices

Question 6

Name some browsers to consider for browser compatibility.

Answer 6

Chrome, Firefox, IE, Edge, Safari, Opera

Question 7

Is using CSS or JavaScript preferred for animations?

Answer 7

CSS is preferred

Question 8

Where can you find CSS references and tutorials?

Answer 8

https://www.w3schools.com/css/default.asp

Question 9

When was the CSS1 specification developed?

Answer 9

In 1996

Question 10

When was CSS2 released?

Answer 10

In 1998

Question 11

What is the purpose of CSS usage?

Answer 11

Consistent presentation style

Question 12

What are the levels of style sheets?

Answer 12

Inline, Internal, and External

Question 13

What is an inline style sheet?

Answer 13

Specified for a specific occurrence of a tag and apply only to that tag

Question 14

What is an internal style sheet?

Answer 14

Document level, apply to the whole document, in the head section

Question 15

What is an external style sheet?

Answer 15

Can be applied to any number of documents, in the head section

Question 16

What is the cascading order browsers use for CSS?

Answer 16

Inline > id > class/pseudo class/attribute > element/pseudo-elements > combinators> * > default style

Question 17

What is the correct HTML to link to an external style sheet?

Answer 17

< link rel=”stylesheet” type=”text/css” href=”mystyle.css”>

Question 18

Name the five categories of CSS Selectors.

Answer 18

Simple selectors, Combinator selectors, Pseudo-class selectors, Pseudo-elements selectors, Attribute selectors

Question 19

What do simple selectors do?

Answer 19

Select elements based on name, id, class

Question 20

What do combinator selectors do?

Answer 20

Select elements based on a specific relationship between them

Question 21

What do pseudo-class selectors do?
lvah

Answer 21

Select elements based on a certain state

Question 22

What do pseudo-elements selectors do?
(bas fl fs)

Answer 22

Select and style a part of an element

Question 23

What do attribute selectors do?
and struture

Answer 23

Select elements based on an attribute or attribute value

Question 24

How do you declare declarations in CSS?

Answer 24

tag names {property_1: value_1; property_2:value_2; …}

Question 25

How are element selectors grouped? simultaneously

Answer 25

**h1, h2, h3 {color: green;}**

Question 26

How are ID selectors defined in CSS?

Answer 26

**#section14 {font-size: 20}**

Question 27

How are class selectors defined in CSS?

Answer 27

**p.normal {property-value list}**

Question 28

How are generic selectors defined in CSS?

Answer 28

**tag {property-value list}**

Question 29

How are universal selectors defined in CSS?

Answer 29

**\* {property-value list}**

Question 30

How are descendant selectors applied in CSS?

Answer 30

**h1 em {color:blue}**

Question 31

How are child selectors defined in CSS?

Answer 31

**div > p { background-color: yellow;}**

Question 32

How are adjacent sibling selectors defined in CSS?

Answer 32

**div + p { background-color: yellow; }**

Question 33

How are general sibling selectors defined in CSS?

Answer 33

**div ~ p { background-color: yellow; }**

Question 34

Give an example of a pseudo class selector for hover.

Answer 34

**input:hover {color: red; background: pink;}**

Question 35

Give an example of a pseudo class selector for a visited hyperlink.

Answer 35

**a:visited {color:#00FF00;}**

Question 36

Give an example of a pseudo element selector using '::before'.

Answer 36

**p::before {content: "Note: ";}**

Question 37

Give an example of a pseudo element selector using '::first-letter'.

Answer 37

**p::first-letter {font-size: 200%;}**

Question 38

Give an example of a pseudo element selector using '::selection'.

Answer 38

**::selection {color: white; background: black;}**

Question 39

Give an example of an attribute selector.

Answer 39

**input[required]{ border: 2px solid red; }**

Question 40

Give an example of an attribute selector with a specific value.

Answer 40

**input[type=“text”]{ width: 200px; }**

Question 41

What is the order of CSS Specificity from highest to lowest?

Answer 41

**Inline > id > class/pseudo class/attribute > element/pseudo-elements > combinators> * > default style**

Question 42

If two rules have the same specificity, which one takes precedence?

Answer 42

The one that **appears later in the stylesheet**

Question 43

What is the order of precedence for the origin of styles?

Answer 43

**User Agent Stylesheet > User Styles > Author Styles > Inline Styles > !important Rules**