Introduction to Stylesheets
Note: Please learn other html before you advance to stylesheets.
What are stylesheets???
They are a sheet of code right below your <head> which change the the rest of the page, making it more stylish. It can change how bullets, paragraphs, images, etc. all look.
Writing stylesheets
The basic way you write a stylesheet is...
<style type="text/css">
TYPE OF HTML TAG{property: value; secondproperty, value}
</style>
So, let's say you wanted to change how paragraphs look. (paragraphs are made with <p> and </p>
This is how you do it, if you wanted to change the color of paragraphs:
<style type="text/css">
P{color: "green"}
</style>
Observe that since we wanted to change only one property of paragraphs, we simply left out the second property.
....hmmm....
If that stylesheet code was inserted right after the <head>, then all text put between <p> and </p> will be green!.
Now you know some basic principle on creating a stylesheet and stylesheets are one of the best tricks you can have among all the html code on your web page.
In paragraphs, you can also change the font-size and much more.
Instead of changing paragraphs, you can change bullets, or more.
Advanced CSS
What are stylesheets???
They are a sheet of code right below your <head> which change the the rest of the page, making it more stylish. It can change how bullets, paragraphs, images, etc. all look.
Writing stylesheets
The basic way you write a stylesheet is...
<style type="text/css">
TYPE OF HTML TAG{property: value; secondproperty, value}
</style>
So, let's say you wanted to change how paragraphs look. (paragraphs are made with <p> and </p>
This is how you do it, if you wanted to change the color of paragraphs:
<style type="text/css">
P{color: "green"}
</style>
Observe that since we wanted to change only one property of paragraphs, we simply left out the second property.
....hmmm....
If that stylesheet code was inserted right after the <head>, then all text put between <p> and </p> will be green!.
Now you know some basic principle on creating a stylesheet and stylesheets are one of the best tricks you can have among all the html code on your web page.
In paragraphs, you can also change the font-size and much more.
Instead of changing paragraphs, you can change bullets, or more.
Advanced CSS
0 Comments:
Post a Comment
<< Home