How do I apply a CSS to the whole page?

OM · Sep 2, 2003

It's probably really simple, but how do I apply a CSS to an entire page?
I've only just recently learned about CSS... so I'm a bit lost.

At the moment, I'm having to apply to every bit of text that I write.
Can't I just add a bit of code to make the style apply to the whole document
or something?

Any help would be appreciated.

Thanks.

OM

David Dorward · Sep 2, 2003

OM said:
It's probably really simple, but how do I apply a CSS to an entire page?

Depending on what exactly you are trying to achieve, something like:

body {
font-family: serif;
}

might be what you are looking for.

SeeSchloss · Sep 2, 2003

Well maybe you should try to find a tutorial on internet to learn more
about css.

Seeing what you said, I guess you using style="property:value;" in you
tags.
If you want to apply the tags to the whole document, you can either add
a reference to an external stylesheet : <link rel="stylesheet"
type="text/css" href="style.css" /> where style.css if the name of the
file where your styles are saved (between <head> and </head>) or define
it at the beginning of your document (but I can't tell you how to do it
and anyway I think that external stylesheets are better).

This way if you want for example a special formating for all your
external links, add class="external" in your links (<a href="address"
class="external">...</a>) and in you stylesheet, add :

a.external
{
text-decoration:underline;
other declarations;
}

More generally, you must define styles in the sheet this way :
tagname.class
{
property:value;
}

I'm not sure this is well explained, I think you should search a good
tutorial instead

Phrederik · Sep 2, 2003

OM said:
It's probably really simple, but how do I apply a CSS to an entire page?
I've only just recently learned about CSS... so I'm a bit lost.

At the moment, I'm having to apply to every bit of text that I write.
Can't I just add a bit of code to make the style apply to the whole document
or something?

It looks like the answers may be missing an important point.

If you want your STYLEs to apply to the whole page put the following inside
of your HEAD tags...

<style>
body { font-family: serif; }
someattribute { someProperty: someStyleValue; someProperty:
someStyleValue; }
</style>

.... and the attributes will all have their style applied on the whole page.

You can also make a CSS file with your styles in it. The file looks the same
as what would go inside of the STYLE tags. Then you'd add the following to
any page that you want that style file to apply to...

<link href="styles.css" rel="stylesheet" type="text/css">

....AND, if you are going to have pages for printing, you might want to make
a custom STYLEs CSS file just for printing. Include it as:

<link href="print.css" rel="stylesheet" type="text/css" media="print">

Hope this helps a bit!

How do I install a loader?	1	Sep 20, 2024
Hello I am learning how to code and I tried making a calculator with HTML and js with some CSS I am stuck at thing, Like the screen value is	0	Mar 13, 2025
How do I call the exact function on page load?	6	May 18, 2023
The color rule I coded in CSS doesn't go the same with HTML	1	May 20, 2024
How do I set the default content page) on a Classic ASP file?	0	Aug 24, 2021
CSS: How can I stop overflow on the y-axis?	2	Dec 24, 2022
How to discover a CSS Selector name?	8	Sep 12, 2023
Hi, I am a webflow user. I am looking for CSS code that can KEEP ALL ELEMENTS POSITIONED in the SAME spot across all resolutions	0	Oct 27, 2023

How do I apply a CSS to the whole page?

OM

David Dorward

SeeSchloss

Phrederik

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads