Thu, 2010-04-08 11:35
Hey.
I am trying to figure out if it´s okey or not to have different color on the headings that on the other text at a webpage?
And can it be different colors on the different pages at the webpage?
I do understand that it is good to "mark up" some certain word in a sense, but at webpages and there headings?
I am having a little trouble to know what is the best; is it just a opinion question or is it a "general rule"?
Thanx for any answer!
//P
Thu, 2010-04-08 14:25
#1
you can do whatever the
you can do whatever the design calls for, there are no rules. Its best to keep the look and feel of the site consistent. For example, all H2's should share the same styles. All H3's should share the same style. Now you can have more then one theme for a website. For example, one theme can have all H2's green, but the other theme may have them pink. Having more then one theme on a website isnt uncommon, but you need to be very careful to not confuse the end user.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Thu, 2010-05-06 07:39
#2
use style tag.
use style tag.
Wed, 2010-05-19 11:21
#3
simple CSS trick to show you
simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6.
The CSS
The key point here is: h1 { position: relative } and h1 span { position: absolute }
h1 {
font: bold 330%/100% "Lucida Grande";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}
Wed, 2010-05-19 11:24
#4
simple CSS trick to show you
simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6.
The CSS
The key point here is: h1 { position: relative } and h1 span { position: absolute }
h1 { font: bold 330%/100% "Lucida Grande"; position: relative; color: #464646; } h1 span { background: url(gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 31px; }