Complete Guide to CSS Important For Beginner

In this video i will talk about important property in CSS.
When an important rule is used on a style declaration, this declaration overrides any other declarations. Although technically !important has nothing to do with specificity, it interacts directly with it. Using !important, however, is bad practice and should be avoided because it makes debugging more difficult by breaking the natural cascading in your stylesheets. When two conflicting declarations with the !important rule are applied to the same element, the declaration with a greater specificity will be applied.

#CSS 

Complete Guide to CSS Important For Beginner
DCODE SHOW

DCODE SHOW

1634583179

Auto Focus Input Field in JavaScript | OTP Auto Focus In JavaScript

https://youtu.be/-L3Kw4t1AQo
#javascript #FocusMethod #HTML #CSS 

Auto Focus Input Field in JavaScript | OTP Auto Focus  In JavaScript
Rubalema  Sonia

Rubalema Sonia

1634394720

How to Create A Simple Full-screen Loading Spinner with HTML and CSS

This short tutorial will through how to create a simple full-screen loading spinner with HTML and CSS.

-- CHAPTERS --
0:00 Introduction
0:26 The HTML
0:58 The CSS
2:50 The Javascript
3:32 Closing

#HTML #CSS 

How to Create A Simple Full-screen Loading Spinner with HTML and CSS

Complete Guide to "CSS Padding" For Beginner

In this video i will talk about CSS Padding.

The CSS padding properties are used to generate space around an element's content, inside of any defined borders.

With CSS, you have full control over the padding. There are properties for setting the padding for each side of an element (top, right, bottom, and left).

CSS has properties for specifying the padding for each side of an element:

padding-top
padding-right
padding-bottom
padding-left
All the padding properties can have the following values:

length - specifies a padding in px, pt, cm, etc.
% - specifies a padding in % of the width of the containing element
inherit - specifies that the padding should be inherited from the parent element
Note: Negative values are not allowed.

#CSS 

Complete Guide to "CSS Padding" For Beginner

Complete Guide to "CSS Height and Width" For Beginner

In this video i will talk about CSS Height and Width.

The height and width properties are used to set the height and width of an element.

The height and width properties do not include padding, borders, or margins. It sets the height/width of the area inside the padding, border, and margin of the element.

CSS height and width Values
The height and width properties may have the following values:

auto - This is default. The browser calculates the height and width
length - Defines the height/width in px, cm etc.
% - Defines the height/width in percent of the containing block
initial - Sets the height/width to its default value
inherit - The height/width will be inherited from its parent value

#CSS 

Complete Guide to "CSS Height and Width" For Beginner

Complete Guide to "Borders in CSS" For Beginner

In this video i will talk about CSS Border.

The CSS border properties allow you to specify the style, width, and color of an element's border.

In this video we will talk about

border-color
border-style
border-width

#CSS 

Complete Guide to "Borders in CSS" For Beginner

Complete Guide to "Backgrounds in CSS" For Beginner

In this video i will talk about CSS Background.

CSS background properties are used to define the background effects for elements.

In This video, you will learn about the following CSS background properties:

   background-color
   background-image
   background-repeat
   background-attachment
   background-position

#CSS 

Complete Guide to "Backgrounds in CSS" For Beginner

Complete Guide to "Colors in CSS" For Beginner

In this video i will talk about css Colors.

Colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values.

RGB Value
In CSS, a color can be specified as an RGB value, using this formula:

rgb(red, green, blue)

HEX Value
In CSS, a color can be specified using a hexadecimal value in the form:

#rrggbb

HSL Value
In CSS, a color can be specified using hue, saturation, and lightness (HSL) in the form:

hsl(hue, saturation, lightness)

#CSS 

Complete Guide to "Colors in CSS" For Beginner

Complete Guide to "CSS Cursor" For Beginner

In this video i will talk about CSS cursor.

The cursor property specifies the mouse cursor to be displayed when pointing over an element.

#CSS 

Complete Guide to "CSS Cursor" For Beginner

Complete Guide to "Comments in CSS" For Beginner

In this video i will talk about CSS Comments.

Comments are used to explain the code, and may help when you edit the source code at a later date.

Comments are ignored by browsers.

#CSS 

Complete Guide to "Comments in CSS" For Beginner

What Is The Difference Between CSS Px Vs Em Vs Rem?

In this video i will talk about Units in CSS and what is the difference between Px, Em and Rem.

There are two types of units in CSS
1. Absolute
2. Relative

1. Absolute
  a) cm
  b) mm
  c) in
  d) px (1 inch = 96px)
  e) pt (1 inch = 72pt)
  f) pc (1 pc = 12pt)

2. Relative
  a) em - relative to parent element
  b) rem - relative to root (HTML) element
  c) vh - 1% of viewport height
  d) vw - 1% of viewport width
  e) % -  percentage of parent element

#CSS 

What Is The Difference Between CSS Px Vs Em Vs Rem?

Complete Guide to "CSS Selector" For Beginner

In this video i will talk about CSS Selector.

In CSS, selectors are used to target the HTML elements on our web pages that we want to style. There are a wide variety of CSS selectors available, allowing for fine-grained precision when selecting elements to style. In this article and its sub-articles we'll run through the different types in great detail, seeing how they work.

You have met selectors already. 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 as the subject of the selector.

#CSS 

Complete Guide to "CSS Selector" For Beginner

Complete Guide to "CSS Fonts" For Beginner

In this video i will talk about Fonts in CSS.

The CSS font properties define the font family, boldness, size, and the style of a text.

Font Family
The font family of a text is set with the font-family property.

The font-family property should hold several font names as a "fallback" system. If the browser does not support the first font, it tries the next font, and so on.

Start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available.

Font Style
The font-style property is mostly used to specify italic text.

This property has three values:

normal - The text is shown normally
italic - The text is shown in italics

Font Size
The font-size property sets the size of the text.

Font Weight
The font-weight property specifies the weight of a font:

Font Variant
The font-variant property specifies whether or not a text should be displayed in a small-caps font.

#CSS 

Complete Guide to "CSS Fonts" For Beginner

Simple How to Link or Add CSS to HTML in Hindi

In this video i will talk about  "How to Link or Add CSS to HTML".

CSS can be added to HTML documents in 3 ways:

   Inline - by using the style attribute inside HTML elements
   Internal - by using a style element in the head section
   External - by using a link element to link to an external CSS file

#CSS 

Simple How to Link or Add CSS to HTML in Hindi

Complete Guide to "CSS Links" For Beginner

In this video i will talk about styling Links in CSS.

Links can be styled differently depending on what state they are in.

The four links states are:

   a:link - a normal, unvisited link
   a:visited - a link the user has visited
   a:hover - a link when the user mouses over it
   a:active - a link the moment it is clicked

When setting the style for several link states, there are some order rules:

   a:hover MUST come after a:link and a:visited
   a:active MUST come after a:hover

#CSS 

Complete Guide to "CSS Links" For Beginner