A little confused about header and font Sizes


#1


I'm not really stuck or anything, i'm just trying to wrap my head around something. Different headers (h1,h2,h3,h4,h5,h6) produce different sizes correct? So whats happening when you combine a header with a font size like below? I don't exactly understand what's happening. Does one get priority over the other? Like the font size will always dictate the size of the header instead of the header number (h1,h2 etc...)?

Sorry if this is a dumb question but someone making it clearer for me in my head would be greatly appreciated.


<!DOCTYPE html>
<html>
	<head>
		<title>Changing the colors!</title>
	</head>
	<body>
		<h1 style="color:green; font-size:16px">Big Heading</h1>
			<p>A giant bear and a little duck were friends.</p>
			<p>But the bear got hungry and ate the duck.</p>
	</body>
</html>


#2

yes, css uses a point system you can read about it here

Overwriting the default stylesheet (browser have a default stylesheet, you can find it here) always happens, if you write conflicting property the point system becomes importanat


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.