zzHof WEB

CSS - GLOBAL, INLINE & STYLE SHEETS

HOW TO ALTER A WEB PAGE CONTENT USING CSS

   
                    THREE MAIN WAYS TO USE CSS STYLING
    ____________________________________________________________
    1. Global style tags:   <style> </style>  in the header tags
    2. Inline style:   <p style="text-align: center; color: maroon;">
    2. Using a style sheet like:  MyStyle.css and
    calling it with the html code

WHY IS CSS SO IMPORTANT?

CSS is what makes a Web page come alive!

THERE ARE 3 WAYS TO CALL CSS STYLE:

EXTERNAL: code calls an external file using a link code similar to the code below:
<link rel="stylesheet" href="YOURstyleSHEET.css">
INTERNAL: Internal CSS is usually at the top of the page in the header.
<style>
* {font-family: Roboto, Noto Sans, Moto, Arial, Albany; }
<div> {font-size: 35pt; font-family: Roboto, Noto Sans, Moto, Arial, Albany, sans-serif; font-weight: bold;</div> }
h1 {font-size: 35pt; font-family: Roboto, Noto Sans, Moto, Arial, Albany, sans-serif; font-weight: bold; }
</style>
▣ Internal is usually a Global CSS style block.
INLINE: This code is added in tags such as <p>. A simple style code is:
<p style="text-align: center;">
This code centers text in a parpgraph.

There is "SO much more coming"

Please visit zzHof WEB Often