HTML & CSS

Question 1

Tags

Answer 1

They are the defining classification of content for computers and web browsers. They help computers and web browsers properly interpret the content you want them to display.

Question 2

Elements

Answer 2

They are what opening to closing elements are called. is an element

Question 3

Inline Styling

Answer 3

Working with tags like <em> & <strong> one can style markup content inline.</strong></em>

Question 4

Attributes

Answer 4

Elements can have attributes like webpage links and they always exist in the opening tag of an element. Also, there are some elements that require attributes else the browser wouldn’t interpret them properly. For example the anchor element <a></a>

Question 5

Declaration

Answer 5

The property/value combination in CSS is called a declaration

Question 6

CSS Rule

Answer 6

A CSS Rule is a combination of a selector, property and value.

Question 7

Base Selectors

Answer 7

Selectors are class definitions in CSS properly differentiating between content types in the same divs/elements giving CSS more targeted control.

There are two types of selectors namely class selectors which work as group selectors and a displayed as (.class{}) and id selectors which are more narrow and individual meaning they can be used only once per page and they are displayed thus (#id{})

Question 8

CSS Properties

Answer 8

these add styling properties to web content marked up in HTML. colour, font size, borders, padding etc.

Question 9

Margin

Answer 9

Margin is a CSS property that helps positions things relative to what’s around it. The margin value shortcut goes clockwise

Question 10

Padding

Answer 10

Padding is a CSS property used to control the positioning of content inside an element.

Question 11

pseudo-classes

Answer 11

these select special states of selectors in relation to external factors that have nothing to do with content or its markup. For example when a link is being hovered over by a mouse or when a video is being played. It computes for external inputs and influence.

Question 12

The Display CSS Property - Block & Inline

Answer 12

Elements given the block display value have widths that span their entire container, whilst those given the inline value have widths that span the length of the content they contain. Also, the widths of inline elements cannot be defined.

Question 13

The Display CSS Property - Inline-Block

Answer 13

With the Inline-Block display property value, you can define the width of Inline elements.

Question 14

Flex & Inline-Flex

Answer 14

The Flex display value works for items in a container. It is very flexible (it’s why it is named flex). As for the Inline-Flex value, that combines the properties of an Inline display and a Flex display. Very powerful stuff too.

Question 15

Uses Of The Strong Tag

Answer 15

The Strong Tag should be used to signify the importance of a piece of content not for styling purposes.

Question 16

CSS Units - Relative, Absolute & Percentages

Answer 16

Relative to viewport - vh, vw, minv & maxv

Relative to font - em & rem

Absolute - px, cm, mm, inch etc

Percentages -

Question 17

HTML Attributes

Answer 17

• appear only in the opening HTML tag

- purpose is to give more information to the browser.

Question 18

IDs

Answer 18

an ID attribute can only be used used once unlike a class that can be used multiple times and in the instance, an element has both class and id attributes, the id attribute would over right the class attribute