DEV Community

Cover image for What can you do with basic CSS(CSS basics part 3/60)
Beey
Beey

Posted on

What can you do with basic CSS(CSS basics part 3/60)

In the second and first part you learned about what CSS is and How to use it but not USING it I recommend following along by opening whatevery you have codepen, codesandbox, VS code, Studio code and experimenting with CSS as we go along.

There are many things you can do with CSS we can change the color of a text using color: ColorName; hex coded colors and rebeccapurple allowed.

We can also change the font-weight of the text using numbers and bold you can optionaly use bolder and lighter

You can pick from a range of 100 to 900

here is an example of what I have done with text color and bold fonts in CSS:

If you viewed the codesandbox you can see a red header, a blue paragraph, a blue bolded paragraph, and a red bolded paragraph.

this demonstrates some basics of CSS:


.bold {
  font-weight: bold;
}

.red {
  color: red;
}

.memorial-color {
  color: rebeccapurple;
}

Enter fullscreen mode Exit fullscreen mode

CSS is used for styling webpages and it is very useful.

You can direct users attention or focus by changing the color or bolding text.

when HTML elemnts like: <strong>, <b> are not useful if you want it bold using CSS is good.

You can style your webpage however you want

Top comments (0)