Quote:
Originally Posted by Pink24
If I just created a simple css for a links, font, H1 etc and linked the css to the .php at the top of each page would it apply the changes?
Sorry if this is a dumb question.
|
You would still have to modify the pages to use the .css
A css file merely holds the styling elements that you want to use on the pages.
For example. Say you want your H1 tags to be double the size of your normal font, bolded and underlined.
In your style sheet (css file) you would put something like:
H1
{
font-size:2em;
font-weight:bold;
text-decoration:underline;
}
Then whenever you use an H1 in the page it would appear as 2 times the size of the currrnt font (2em). Bolded (font-weight:bold) and underlined (text-decoration:underline)
You could accomplish this using html by coding your H1 as:
<h1><font-size="2em"><b><u>Text goes Here</u></b></font-size></h1>
You could also use inline styling:
<h1 style="font-size:2em;font-weight:bold;text-decoration:underline;">Text Goes Here</h1>
Or using the style sheet, reference the style sheet in the head section:
<head>
<base href="https://gfy.com/" /><!--[if IE]></base><![endif]-->
<base href="https://gfy.com/" /><!--[if IE]></base><![endif]-->
<link rel="stylesheet" href="style.css">
</head>
or referencing the style elements themselves in the head section:
<head>
<style>
H1
{
font-size:2em;
font-weight:bold;
text-decoration:underline;
}
</style>
</head>
And then in your page using the h1 tag:
<h1>Text Goes Here</h1>
Obviously, the third method is the most efficient.
.