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

CSS Dropdown

CSS Dropdown menus are used to hide a predefined list within a button. HTML) Use any element to open the dropdown content, e.g. a <span>, or a <button> element. Use a container element (like <div>) to create the dropdown content and add whatever you want inside of it. Wrap a <div> element around the elements to … Read more

Categories CSS

CSS Web fonts

CSS Web fonts allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. You will have a @font-face block at the start of the CSS, which specifies the font file(s) to download: … Read more

Categories CSS

CSS Color

CSS color values to specify a color. Typically, these are used to set a color either for the foreground of an element (i.e., its text) or else for the background of the element. They can also be used to affect the color of borders and other decorative effects. the example below sets the background colors … Read more

CSS Background

CSS Background property is a shorthand for a number of background longhand properties that we will meet in this lesson. If you discover a complex background property in a stylesheet, it might seem a little hard to understand as so many values can be passed in at once. The background property is specified as one or more background … Read more

CSS Border

CSS border property is a shorthand syntax in CSS that accepts multiple values for drawing a line around the element it is applied to. As with all shorthand properties, any omitted sub-values will be set to their initial value. Importantly, border cannot be used to specify a custom value for border-image, but instead sets it to its initial value, i.e., none. CSS border shorthand … Read more

Categories CSS

CSS Icons

CSS Icons can be defined as the images or symbols used in any computer interface refer to an element. It is a graphical representation of a file or program that helps the user to identify about the type of file quickly. Using the icon library is the easiest way to add icons to our HTML … Read more

Categories CSS

CSS Float

CSS Float property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning). CSS Float Uses Float is a CSS positioning property. To … Read more

Categories CSS