HTML/CSS

Introduction: This tutorial is going to be the first of two basic parts on how to create a basic web page with the essential components using pure HTML and CSS. The Structure: Our web page is going to consist of a header covering the full width of content at the top of the page, a body section covering most of the wide from header to fairly far down the page, a side bar containing widgets on the right hand side of the page - next to the main body section of the page, and a foot covering the same width (and probably height) as the header section; underneath ou

The CSS border property allows the user to specify the border width, style and color of an element's border. This property is essential in web designing because it allows the designer to design and beautify the elements.

This CSS property is supported in IE9+, Firefox, Chrome, Safari, and Opera. Border radius allows the developer to insert and define how rounded the border corners are in the div, span and other tag. Border-radius property is a shorthand to set the four properties border-top-left-radius, border-top-right-radius, border-bottom-right-radius and border-bottom-left-radius.

Text transform property is supported in any kind of browser. The primary function of this property is it allows you to transform your text into none, uppercase, capitalize and lower case format. To understand what this four property are, follow the steps bellow.

Creating Our Display

The code Bellow will display the result of none, uppercase, capitalize and lower case format.