Decreasing Font for H1 Heading

So Basically everyone Knows how Ugly H1 looks with the Big and Ugly Looking Font. So I know with CSS you can Modify the Font. So this is waht I did so far:

IN CSS I wrote:

Then I wrote this in the index:

So My Question is did i do it properly, I see that the H1 Header did decrease in size, but i was wondering will this affect my google ranking etc. Or will it not be looked because font has been changed. Please give me some input. THANKS!

 

Someone else correct me if I'm wrong, but that A:h1{...} is all wrong. I think what you meant to write is h1 a {...}.

And the H1 {font-size:15} should probably be H1 {font-size: 15px}

As far as I know, styling the h1 tag with CSS has no effect on how Google or other search engines treat it.

 

Yes you are correct.
A:h1{...} is all wrong and correct format is h1 a {...}. and also

 

Also by putting margin: 0px; at the end it will override any margins you have already set, in this case margin-bottom and margin-top.

 

I understand that, but i heard that if you decrease the font size of H1 Google penalties for you it. Is that true?

 

I cant imagine them penalising you for it.

 

They'll penalize you for any text thats ridiculously small, say < 6px, but I've never heard of h1 tags having to be a specific size.

 

Thanks! This H1 Looked Soo Hideous It was Soo HUGE

 

Yeah I always wondered

 

Just to be absolutely certain--- Google does not give a rat's ASS about size of fonts. It sux for humans to be trying to read 6px font size, but robots can read 1px-- teh googlies IGNORE CSS (lucky for us) though it can check to see if you've got hidden links (font and background colours too similar).

H1 can be styled any way you want. The important thing is that it is the title or main deal of your page. Google looks at h1 to mean "This is what this page is about" and it doesn't care how you style it. Mine are almost always covered up with an image. Google can't see images.

Turn off all styles on your page (or any page) too see what a bot sees. It's pure HTML.

Also, the h1 a is only what you want if your h1 actually has an a in it.

<h1><a href="#">Joe's Garage</a></h1>

Otherwise if it's just an h1
<h1>Joe's Garage</h1>

then you only style
h1 {
stuff
}

As was said above you need units with your font size (px, em, etc) and if you're setting font family remember to add either serif, sans-serif, or monospace at the end of the declaration so those of us with like no fonts still get the general idea.

font-family: Verdana, Helvetica, Arial, sans-serif;

 

Yes thank you, this was the most descriptive post i read i have typed my question in 2 forums. Thank You )!Very MUCH !!!!