DEV Community

jason ho
jason ho

Posted on

TIL 3

CSS Time

CSS Ruleset:

p{
   color:blue;
}
Enter fullscreen mode Exit fullscreen mode

CSS inline style(used in html):

<p style='color:blue;'>Hello World!</p>
Enter fullscreen mode Exit fullscreen mode

Style section(nested in header uses CSS Ruleset):

<head>
  <style>
     p {
      color: red;
      font-size: 20px;
     }
  </style>
</head>
Enter fullscreen mode Exit fullscreen mode

Linking CSS file to HTML:

<link href='https://www.codecademy.com/stylesheets/style.css' rel='stylesheet'>
Enter fullscreen mode Exit fullscreen mode

or

<link href='./style.css' rel='stylesheet'>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

mutantmalu profile image

Mental Challenges

MutantMalu -

elle_richard_232 profile image

Page Object Model and Page Factory in Selenium

elle richard -

renaud7 profile image

How to use Midjourney AI on Make.com?

Renaud -

david_zamoraballesteros_ profile image

Intern level: Core Concepts of React

David Zamora Ballesteros -