Manage web pages and text

In organizing a web page we should pay attention to the composition of heading, set the background color, select the font type, font size appropriate from h1-h6, alignment, line-height or line spacing and so forth.

Actually it needs to know to bloggers to understand one of them is improvement in the CSS. For readability, it suggests the em unit.

Well .. if we notice in provision of units sometimes vary in the existing templates that provide px, em, pt and percentage (%).

According to the W3C itself it is best to em, the other day I read some blog posts, on a good unit for use in the font size and the result is the same answer is em, I honestly do not really understand about this so please correct me if there is something wrong.

If we talk about reading matter that is sure to read it all closely related to the article. Before reading this tutorial further try again my friend saw your blog posts are visible differences in other words too large a letter in the article pal or too kecilkah, because it was very influential for the reader.
Okeh, before we continue what a difference unit px, em, pt and percentage (%) let us understand the headings first.
Heading: Used to adjust the font size in the header has a value between 1-6 or between <h1> to <h6>, with <h1> is the size of the largest and <h6> is a measure of the smallest. Please see below:
<h1> Heading level 1 </ h1>
<h2> Heading level 2 </ h2>
<h3> Heading level 3 </ h3>
<h4> Heading level 4 </ h4>
<h5> Heading level 5 </ h5>
<h6> Heading level 6 </ h6>
So the result will be as below:

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6

Once we understand about heading now let us understand about the existing units in CSS. As my friend know in the CSS must be provided in the font size in each heading. Let us now describe one by one on the unit.

em: is a scalable unit that is used in web document media. Each 1 em has value equal to 12pt, 100%, 16px so in other words:
  • 1em = 12pt
  • 12pt = 16px
  • 16px = 100%
  • 1em = 12pt = 16px = 100%

To convert please visit site visit in advance and then come back here and continue reading.
After determining how much value it will be provided by using the online tolls, now let's look at the form of preparation heading in css.h1, h2, h3, h4, h5, h6 {font-weight: normal; color: # 333;}
h1 {font-size: 3em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: .80 em;}
As seen above from h1 to h6 has a different value in other words from large down to the smallest value.
The magic of CSS units, the px, is often a good unit to use, especially if the style requires the alignment of text to images, or simply anything because that is 1px or a multiple of 1px wide is guaranteed to look sharp.
But for the font sizes it is even better to use em. The idea is (1) to not set the font size of the BODY element (in HTML), but use the default size of the device, because that is a size cans comfortably that the reader read, and (2) express the font sizes of other elements in em: 'H1 {font-size: 2.5em}' to make the H1 2 ½ times as big as the normal body font.

If we interpret the above statement is:
To the font size it is better to use em.
The idea is:
  1. To not adjust the font size for BODY element (in HTML), but use the default size of the device, because it is a convenient size for readers.
  2. Stating the font size of the other elements in em: 'H1 (font-size: 2.5em)' to make the H1 2 ½ times larger than normal font size itself.

So, that's what's recommended. For that let us clean up from today, ranging from the smallest advance the font settings. Why do I recommend this? This is all to the readers who read our articles for comfortable reading. All I return to my blogger.
We may feel comfortable reading with a small letter, but how other readers? because not everyone could read the letters that are too small or too big, like my example, I can not read the letters that are too small because I wear glasses.
Maybe you would argue, why don’t we set letters settings in your browser settings? then I will answer:
I do not know, because I was clueless about computers so I do not know how to adjust the font size in the browser!
Will we fix it?


Post a Comment