Author: Saim Khalid
-
root Selector
CSS :root selector in CSS is a pseudo-class that matches the root element of a document tree. In the case of HTML documents, :root represents the <html> element itself, so this selector is identical to the html element selector. But the :root selector have more specificity than HTML element selector. Syntax /* Selects the root element (<html>)…
-
Combinators
CSS Combinators used to specify a particular relationship between selectors so that styling can be done based on relationship between elements in HTML structure. In other words combinators help you target elements based on their position and hierarchy within the HTML document. For example, with combinators you can style paragraph element that palaced immediately after…
-
Atrribute Selector Property
Description CSS attribute selectors allow you to select HTML elements based on the presence or value of one or more attributes. They are a powerful way to target specific elements in your HTML markup. Attribute selectors are enclosed in square brackets [] and can take various forms. The following sections discusses some common ways to…
-
Loaders
CSS loaders are animation effects that are used to indicate the loading process of a webpage. They are implemented using CSS and can be applied to various elements on a webpage, such as a spinner or a loading progress. CSS loaders are commonly used to improve user experience by visually indicating that content is being loaded…
-
Comments
In CSS, comments are useful in adding explanatory notes or annotations within your stylesheet that are not interpreted as styling instructions by the web browser. Syntax /* This is a comment */p{color: red;/* Set text color to red */} CSS comments are intended for the benefit of developers and are ignored by the browser when rendering a…
-
Image Gallery
CSS Image gallery is used to organize and display images in responsive and visually appealing format. CSS properties can be used to control the layout of images, size, shape, spacing, spanning and lot of other visual effects. In this tutorial we will learn all of those. CSS image galleries are commonly used on websites to…
-
Icons
CSS icons are used to add graphical representations, symbols, or small images to web elements. They serve several purposes in web development, such as: Table of Contents Importance of Icon How to Add Icons to a Webpage? Icons Using SVG In HTML <svg> tag can be used to create custom icons using d attribute of <path>. The d attribute of the…
-
Align
The term alignment, in context of web design and CSS, refers to the positioning and arrangement of elements or content within a layout, typically with respect to specific guidelines or reference points. Alignment is used to create visually pleasing and organized designs by ensuring that elements are positioned relative to each other or to the…
-
Forms
Forms are required, when you want to collect some data from the site visitor. They have input fields for users to enter information, labels to identify the input fields, and buttons to submit the form or perform an action. We can style HTML forms by changing the appearance of form elements, such as text fields,…
-
Overlay
An overlay is a transparent layer of content that is placed on top of another element. It can be used to create different effects, such as a modal window, a tooltip, or a popover. The overlay element should be positioned absolutely and have a higher z-index than the content element. This will ensure that the…