| Photoshop palette |
| Customizing Max Interface |
| Learn Flash |
| Dreamweaver Enable/Disabled script |
| Understand Sessions |
| Redefine tags and create classes with Css |
navigation
Share Tips
Php date()
date() function returns current date and hour string date ( string format [, int timestamp])
Affiliates
Bookmark
Like this site? Digg it ;)
CSS use to improve the look and feel of your pages
CSS are powerful media to change in a moment the look of a page and, best of all, to change immediately the aspect of a whole site. Let's start using a h1 tag.
So, this is how html code looks like if you want to apply an h1 tag to a line of code
<h1>title</h1>
This is the base of h1 tag, let's try to adapt it to our
page..
first of all we need to assign the h1 tag to a css.
Between the <head></head> tags insert the following code
<style type="text/css">
<!--
h1 {
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
<!-- --> comments are used for browser that still not support css. Do you know any?
If you want to change the color of all h1 tags type
<style type="text/css">
<!--
h1 {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background-color: #CC6633;
}
-->
</style>
Everything may be changed using the right "command".
Color: set the color of your text
Background-color, of course the background color of your text if you want
it to show.
H1 comes with a default line-height.. this feature sometimes doesn't look
right in your pages.
If you want to control this feature add this to your css code
margin-bottom: 5px;
Want to change the padding?
padding-left: 2px;
Now you should have this as code
<style type="text/css">
<!--
h1 {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
background-color: #CC6633;
margin-bottom: 5px;
padding-left: 2px;
}
-->
</style>
This is just a starting point learning css. But is a good start.
Remember every line is closed with ;
the h1 is an html tag
any change that you want to apply at your tag must be wrote between the {
and } brackets.
Hope this help.
