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 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 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 Units

CSS units determines the size of a property you’re setting for an element or its content. For example, if you wanted to set the property margin of a paragraph, you would give it a specific value. This value includes the CSS unit.CSS has several options for which units to use when determining the size of various CSS … Read more

Categories CSS

CSS Pseudo-class

CSS pseudo-class  is a keyword added to a selector that specifies a special state of the selected element(s). For example, :hover can be used to change a button’s color when the user’s pointer hovers over it.Pseudo-classes let you apply a style to an element not only in relation to the content of the document tree, but also in relation … Read more

Categories CSS

CSS !important

CSS !important property in CSS is used to provide more weight (importance) than normal property. In CSS, the !important means that “this is important”, ignore all the subsequent rules, and apply !important rule and the !important keyword must be placed at the end of the line, immediately before the semicolon. In other words, it adds importance to … Read more

Categories CSS

CSS Selector

A CSS selector is the first part of a CSS Rule. It is a pattern of elements and other terms that tell the browser which HTML elements should be selected to have the CSS property values inside the rule applied to them. The element or elements which are selected by the selector are referred to … Read more

CSS Pseudo-elements

CSS Pseudo-element is a keyword added to a selector that lets you style a specific part of the selected element(s). For example, ::first-line can be used to change the font of the first line of a paragraph. The general syntax for CSS Pseudo-elements looks like this: In CSS pseudo- elements It looks just like normal styling statements but with … Read more

Categories CSS