Css styling

Madhumita — Tue, 23 Jun 2020 11:46:09 +0000

CSS styles are applied in the order they are linked in your HTML code.

So if you had two stylesheets e.g. styles1.css and styles2.css which both target the same element e.g.

styles1.css

body {
background-color: red;
}
styles2.css

body {
background-color: blue;
}

If inside the head section if your HTML, you list your links as this:

Can you guess how the resulting page will be?
The resulting page will be blue.

But if you listed your links like this:

The resulting page will be red.

Essentially both styles are being applied, but the one that's visible at the end is the one applied last.

Sneak peak on parallax sites

Madhumita — Tue, 23 Jun 2020 08:13:25 +0000

INTRODUCTION
Parallax effects add actions and the illusion of depth by taking different visual elements and moving them at different speeds in a website design. Some may move faster, others may move slow, while back few may stand still.
There are many benefits that parallax design creates for web viewers:
It directs visitors to call to action.
It creates curiosity and encouragement.
It entices visitors with animation.
It enlarge the duration of stay on the website as viewers are more interested to scroll the whole page

DEV Community: Madhumita

Css styling

Sneak peak on parallax sites