![]() ![]() First and foremost, the current font-size is equal to 100% (i.e. Percentages % are scalar or relative by nature. Points pt are traditionally used in print media. One problem with pixels are that they do not scale when users override browser font size setting for accessibility. An em is equal to the current font-size, for instance, if the font-size of the document is 12px then 1em is 12px, so 2em is 24px. When talking about font-size there are several differant units to consider em, px, pt & % There are several build in weights such as bold but it is best to use the ones included with the font like 400 & 700 as seen on line 1 below. When using a generic family name it will use the browser defaults for each.įont-weight is another popular font property. When using the font-family property you can specify a specific font name or a generic family name such as serif, sans-serif, monospace or cursive. Find some nice web fonts at Google Fonts. Selector įonts can be a lot of fun and there are many properties for them. Create a page with meta description, nav bar, some body content with a couple elements from above or from the Mozilla docs and a footer. Now that we know some of the basics lets create a simple page. ![]() Mozilla has great documentation that outlines many of the HTML elements, play and browse! ![]() Header 1 Header 2 paragraph List Item 1 List Item 2 List Item 1 List Item 2 Here be a link While the contains the actual viewable contents of the page. The contains meta information about the page, information the browser needs before rendering it. A good starting place for your html files. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |