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.
This short tutorial will through how to create a simple full-screen loading spinner with HTML and CSS.
-- CHAPTERS --
0:26 The HTML
0:58 The CSS
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:
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.
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
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
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:
In this video i will talk about css Colors.
Colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values.
In CSS, a color can be specified as an RGB value, using this formula:
rgb(red, green, blue)
In CSS, a color can be specified using a hexadecimal value in the form:
In CSS, a color can be specified using hue, saturation, and lightness (HSL) in the form:
hsl(hue, saturation, lightness)
In this video i will talk about CSS cursor.
The cursor property specifies the mouse cursor to be displayed when pointing over an element.
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.
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
d) px (1 inch = 96px)
e) pt (1 inch = 72pt)
f) pc (1 pc = 12pt)
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
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.
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.
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.
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
The font-size property sets the size of the text.
The font-weight property specifies the weight of a font:
The font-variant property specifies whether or not a text should be displayed in a small-caps font.
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
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