CSS Tutorial

What is CSS and why it is used? CSS stands for Cascading Style Sheets. CSS tutorial describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. CSS is the language for describing the presentation of Web pages, including … Read more

Categories CSS

CSS Syntax

A CSS stylesheet consists of a set of rules that are interpreted by the web browser and then applied to the corresponding elements such as paragraphs, headings, etc. in the document. A CSS syntax have two main parts, a selector and one or more declarations: Selector:  Selector indicates the HTML element you want to style. … Read more

CSS Margins

CSS Margins is a transparent area around a box, which pushes other elements away from the box contents. The margin property is applied on four sides of an element top, right, bottom and left using, margin-top margin-right margin-bottom margin-left along with the shorthand margin property type for setting all four properties at once the adjacent vertical margins … Read more

CSS Box model

CSS box model is defined as a box around CSS, and understanding these boxes is key to being able to create layouts with CSS, or to align items with other items. In this lesson, we will take a proper look at the CSS Box Model so that you can build more complex layout tasks with an understanding … Read more

CSS Sizing

CSS Sizing includes so many ways to size items on a web page using CSS. Understanding how big the different features in your design will be is important, and in this lesson we will summarize the various ways elements get a size via CSS and define a few terms around sizing that will help you in … Read more

Categories CSS

CSS Forms

CSS Forms are used to enhance the look of an HTML form. CSS Forms-input fields If you want to style a specific input type, you can use attribute selectors: input[type=text] – will only select text fields input[type=password] – will only select password fields input[type=number] – will only select number fields CSS Forms-padding input You can use the padding property to … Read more

Categories CSS

CSS Navigation Bar

CSS Navigation bar refers to a group of links that lead to different pages of a web site. Navbars are either vertical or horizontal. The <nav> element should wrap primary bars such as the main navigation links of web sites. A navigation bar is basically a list of links, so using the <ul> and <li> elements makes perfect sense CSS Navigation Bar- vertical The … Read more

Categories CSS

CSS Text

CSS Text and font properties serve to set the appearance of individual characters in a word or line of text. The main problems are unavailable fonts and mapping of (variant) glyphs to character positions. text inside an element is laid out inside the element’s content box. It starts at the top left of the content … Read more

CSS Opacity

CSS Opacity property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency. Opacity has a default initial value of 1 (100% opaque). Opacity is not inherited, but because the parent has opacity that applies to everything within it. You cannot … Read more

Categories CSS

CSS Tables

In CSS Tables, the <table> element is used for displaying tabular data. You can think of it as a way to describe and display data that would make sense in spreadsheet software. Essentially: columns and rows. Each table has three sub elements i.e, <tr>, <th> and <td> (1) <td> The <td> tags are the elements of the … Read more

Categories CSS