Coursera CSS Basics

Question 1

What is the selector

Answer 1

Tag {

}

Question 2

Declaration Block

Answer 2

holds information about the properties and values you are going to add to the selector.

Question 3

Property and Value

Answer 3

Property says what we are changing and Value is what we are changing it to.

Example

h1{
color(property): blue(value);
background-color(property): grey(value);
}

Question 4

How do you link to a CSS file?

Answer 4

<link></link>

Question 5

Element Selectors

Answer 5

When you use an element selector, the CSS rule will apply to all elements on the webpage.

Question 6

ID Selectors

Answer 6

use the ID Attribute of an HTML element. the ID is unique within the webpage and prefixed with a # character.
Example:
HTML
<span>New!</span>

CSS
#latest {
background-color: purple;
}

Question 7

Class Selectors

Answer 7

Elements can be selected based on the class attribute applied to them. Can be applied to multiple elements.

HTML
<a>Go Back</a>

<p>Go Forward</p>

CSS
.navigation {
margin: 2px;
}

Question 8

Name 5 main ways to reference color.

Answer 8

• RGB Value
• RGBA Value
• HSL Value
• Hex Value
• Predefined color names

Question 9

RGB Value

Answer 9

RGB is a color model that adds the colors red (R), green (G) and blue (B) together to create colors. This is based on how the human eye sees colors.

Each value is defined as a number between 0 and 255, representing the intensity of that color.

For example, the color red would have the RGB value of 255,0,0 since the intensity of the red color would be 100% while blue and green would be 0%.

The color black then would be 0,0,0 and the color white 255,255,255.

p {
color: rgb(255, 0, 0);
}

Question 10

RGBA Value

Answer 10

RGBA is an extension of RGB that add an alpha (A) channel. The alpha channel represents the opacity, or transparency, of the color.

Question 11

HSL

Answer 11

HSL is a newer color model defined as Hue (H), Saturation (S) and Lightness (L). The aim of the model is to simplify mental visualization of the color that the value represents.

Question 12

Hex value

Answer 12

Decimal is what you use every day. Digits range from 0 to 9 before tens and hundreds are used.

Hexadecimal is similar, except it has 16 digits. This is counted as 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.

Question 13

Predefined color names

Answer 13

Modern web browsers support 140 predefined color names. These color names are for convenience purposes and can be mapped to equivalent hex/RGB/HSL values.

Question 14

Code for changing font

Answer 14

font-family: font name1, font name2;

Question 15

How to set font size

Answer 15

font-size: #px;

Question 16

Change all elements to uppercase.

Answer 16

text-transform: uppercase;

Question 17

Text Decoration is used for what.

Answer 17

text-decoration: exmample;

Underlining and strike-through.

p {
text-decoration-line: underline;
text-decoration-color: red;
text-decoration-style: solid;
text-decoration-thickness: 5px;
}

Question 18

Box Model

Answer 18

-Content
-padding
-border
-margin

Question 19

Document-Flow

Answer 19

How the computer calculates the position of HTML elements.

Question 20

Block level elements

Answer 20

A block level element will occupy the full horizontal width of its parent element and the vertical height of its content.

Question 21

Inline Elements

Answer 21

In line elements only occupy the width and height of their content. They don’t appear on a new line, hence the name in line. Therefore, multiple in line elements can form a row of elements.

Question 22

Text Alignment

Answer 22

Text alignment can be set to left, right, center and justify.

p {
text-align: center;
}