You are on page 1of 2

What are the types of CSS? How to link an external style sheet?

CSS is determined as a language used in web development for the better adjusting and decoration
of web page. CSS stands for cascading style sheets. In a certain web page, setting a background
color, font designing and the way of display are done with the help of CSS.

Some types of CSS are:

 Inline CSS
This is a type of CSS which contains the property of CSS in the body section. Also this CSS is
mentioned within a HTML tag.
 Internal or embedded CSS
Internal CSS is used in the condition when we want a style to be used in the complete
HTML body. For that, we can use the style in the head tag.
 External CSS
The external style sheet is generally used when you want to make changes on multiple
pages. It is ideal for this condition because it facilitates you to change the look of the
entire web site by changing just one file.

Linking an external style sheet:

<link rel="stylesheet" href="mystyle.css">

Explain about CSS Box model.

A CSS box model is a container that holds a variety of components including edge, border, padding,
and material. It's used to create a web page's design and structure. It can be used as a collection of
tools for customizing the arrangement of various components. The web browser provides each
element as a square prism, according to the CSS box model.

Some of the multiple box properties in CSS are given below:


 Border
It's the space between the padding and margin of the box. The width and height of the
border determine its size.
 Margin
This area is made up of the space between the border and the margin. The margin-box width
and height are the parameters of the Margin area. Separating the element from its neighbors
is beneficial.
 Padding
It also includes the padding for the element. This area encompasses the space between the
content area and the border box. The width of the padding-box and the height of the
padding-box determine its measurements.

What is Semantic HTML?

is a type of HTML that adds meaning to a web page rather than merely making it seem pretty. A <p> tag,
for example, denotes that the contained text is a paragraph. Because people understand what
paragraphs are and how to display them, this is both semantic and presentational.d

You might also like