WHAT IS THE PURPOSE OF THE LINK ELEMENT IN HTML?

WHAT IS THE PURPOSE OF THE LINK ELEMENT IN HTML?

The link element is used to link files to HTML, such as CSS files.

HOW IS THE RELATIONSHIP BETWEEN THE LINKED FILE AND THE HTML DOCUMENT DEFINED?

The relationship is defined using the rel attribute.

WHAT VALUE IS THE REL ATTRIBUTE SET TO FOR LINKING CSS FILES?

The rel attribute is set to ‘stylesheet’.

WHERE SHOULD THE HREF ATTRIBUTE OF THE LINK ELEMENT POINT TO?

The href attribute should point to the CSS file.

WHY IS IT RECOMMENDED TO USE EXTERNAL CSS FILES INSTEAD OF INLINE STYLES?

Using external CSS files allows for separation of presentation and content, and enables reusability of styles across the website.

HOW CAN SPECIFIC HTML ELEMENTS BE STYLED USING CSS?

Specific HTML elements can be styled using selectors.

WHAT IS THE ORDER OF SPECIFICITY FOR SELECTORS?

The order is id selector > class selector > element selector.

WHAT HAS THE HIGHEST PRIORITY AND CAN OVERRIDE STYLES DEFINED IN CSS FILES?

Inline styles have the highest priority.

CAN HTML ELEMENTS INHERIT STYLES FROM PARENT ELEMENTS?

Yes, HTML elements can inherit styles from parent elements.

HOW CAN COLORS BE DEFINED IN HTML?

Colors can be defined using simple color names, hexadecimal values, or RGB values.

HOW CAN PARTIALLY TRANSPARENT COLORS BE DEFINED?

Partially transparent colors can be defined using the rgba or hexadecimal notation. With rgba, the transparency can be controlled by the alpha value, which ranges from 0 to 1. A value of 1 means the color is fully opaque, while a value of 0 means it is entirely transparent. The hexadecimal notation includes two extra digits at the end to represent the transparency, with 00 being entirely transparent and FF being entirely opaque.

WHAT DOES HSL STAND FOR IN HTML?

HSL stands for hue, saturation, and lightness. The hue value determines the color, ranging from 0 to 360. Saturation determines how colorful the color is, with 100% saturation being the most colorful. Lightness determines the brightness of the color, with 100% lightness being white and 0% lightness being black.

WHAT DOES THE BOX MODEL IN CSS CONSIST OF?

The box model in CSS consists of the content, padding, border, and margin. The content is the actual text or image inside the box. Padding is the spacing between the content and the border. The border defines the width and color of the border, and the margin is the space outside the border that helps to space elements around each other.

WHAT UNITS CAN BE USED TO DEFINE SIZES IN CSS?

There are different units that can be used to define sizes in CSS. Pixels (px) are a fixed unit of measurement. Percentage (%) takes up a percentage of the width of the parent element. Em (em) is mostly used for fonts and scales off the font size. Rem (rem) is similar to em but scales off the root font size of the document.

WHAT CAN BE CREATED WITH BASIC CSS RULES?

With these basic CSS rules, you can create a variety of website styles.

Requirements: