Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
CSS Articles
Page 95 of 130
Primer CSS Typography Heading Utilities
Typography is an essential component during creation of websites and applications. It is primarily used to display majority of the content for the users. It determines the tone and mood of the content of your website. So, it is very likely that it affects the overall user experience. Headings in any website is the center of attraction for any user. So, it is very important that it looks perfectly fine to increase the readability of your website or application. In this article, we will use Primer CSS to create headings. Primer CSS Primer CSS is a versatile and popular CSS ...
Read MoreDifference Between Revert and Unset Keyword in CSS
CSS is a powerful tool which enables developers to customize the appearance of websites according to their will. Since, there are numerous features and properties provided by CSS, it is quite possible that the developers use two keywords interchangeably in order to achieve a desired effect. So, it is important to know about such confusing keywords in detail to avoid further mistakes. Two such keywords are “revert” and “unset”. These two may appear similar, but have noticeable differences for some properties for certain elements. Here, we will discuss about these keywords, how and when to use them, and differences between ...
Read MoreHow to set vertical space between the list of items using CSS?
In today’s era of web designing, the creation of visually attractive websites with proper layouts and organized content is the key task. One of the most commonly faced challenges is that the developers need to know how to properly define the space between the elements so as to increase the readability of the webpage. Here, we have CSS for the rescue. CSS enables the developers to control the appearance of HTML elements, including proper spacing between them. In this article, we will discuss different methods used for setting the vertical space between the list of items using CSS. We ...
Read MoreDifference Between :first-child and :first-of-type selector in CSS
Cascading Style Sheets (CSS) is fundamental language used for styling the webpages during web development. It enables the developers to customize the layout and add visual effects to it. CSS Selectors are an important tool which allows the developers to select or match HTML elements and apply styles to them. :first-child and :first-of-type are most commonly used selectors which are often confused by the developers. Some may have used them interchangeably by mistake. Although they look quite similar when applied to elements, there are few differences which may impact your web design (if not used appropriately). In this article, ...
Read MoreWhat is Progressive Rendering?
Introduction Have you ever measured the loading speed of your website? If No, there are lots of tools available on the internet to test the website speed. Search for anyone and measure it. If the website loading speed is more than 3 seconds, it means you are losing a total of 32% of visitors, according to the survey done by Google. So, it helps if you take action to decrease your website's loading speed, and here progressive rendering comes into the picture, which allows developers to increase the loading speed of the website. What is Progressive Rendering? Before discussing ...
Read MoreWhat is greater-than sign (>) selector in CSS?
In CSS, the ‘>’ sign is not used to compare two values like in other programming languages. Here, we use the greater than sign (>) as a selector. In CSS, selectors are used to selecting single or multiple HTML elements. Whenever we use the greater than sign in the selector, it selects the direct children of the parent element but not that are nested at deep. Syntax Users can follow the syntax below to use the greater than sign in the CSS selector. selecter1>selector2 { /* CSS code */ } In the above syntax, ‘selector1’ is ...
Read MoreWhat is Graceful Degradation in CSS?
What is Graceful Degradation? If you are an experienced web developer, you may have heard the graceful degradation word before. Before we learn about the graceful degradation in web development, let’s break down the word. The meaning of graceful is elegant or beautiful, and degradation is breaking or falling down. So, the overall meaning of the graceful degradation word is that it makes the feature elegant while it breaks. Developers use the graceful degradation term in web development. It provides various techniques so that any website or application can work correctly in less capable browsers. For example, modern browsers support ...
Read MoreWhat is font-family -apple-system?
In CSS, the ‘font-family’ property is used to set the fonts for the text content of the HTML element. It takes the multiple font names as a value. If the browser does not support the first font, it sets the next font style for the HTML element. Users can follow the syntax below to use the ‘font-family’ CSS property. font-family: value1, value2, value3, ... The ‘-apple-system’ value of the ‘font-family’ CSS property allows developers to set the same font for the HTML content of the web page, which the Apple operating system has. It means we can set ...
Read MoreWhat is Float Containment in CSS?
First, let’s understand float containment before starting this tutorial. So, Float containment is a technique used in the CSS to control the layout of the web page elements. Whenever we set the ‘float’ property for any HTML element, it automatically gets removed from the original document flow of the web page, but it remains in the viewport. So, developers can face issues like the parent div element not expanding according to the dimensions of the child div element. Let’s understand it via the example below. Example In the example below, we have a ‘parent’ div element containing the text and ...
Read MoreWhat does the CSS rule “clear: both” do?
We use the ‘float’ property in CSS to keep elements floating on the left or right side. So, whenever we set the ‘float’ property for any HTML element, it is taken out from the document's normal flow, and sometimes it can create lots of problems. The ‘clear’ CSS property allows developers to set the position of the element which is next to the floating element. However, it always pushes the next element below the floating elements. The ‘clear’ property of CSS can have 4 different values: ' left’, ‘right’, ‘both’, and ‘inherit’. The ‘left’ value is used to push the ...
Read More