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
Articles by Shabaz Alam
51 articles
How to adjust CSS for specific zoom level?
To adjust CSS for specific zoom level, we will be using CSS media queries which changes the div box style for different zoom levels. In this article, we will be discussing step wise process for using media queries to adjust CSS for specific zoom level. In this article, we are having a div box with initial green background and our task is to adjust CSS for specific zoom level. Steps to Adjust CSS for Specific Zoom Level We will be following below mentioned steps to adjust CSS for specific zoom level. We have used div ...
Read MoreHow to set checkbox size in HTML/CSS?
To set checkbox size in HTML/CSS, we will be using simple CSS properties. We will be understanding three different approaches to set checkbox size in HTML/CSS. In this article, we are having two checkboxes each having a label. Our task is to set checkbox size in HTML/CSS. Approaches to Set Checkbox Size in HTML/CSS Here is a list of approaches to set checkbox size in HTML/CSS which we will be discussing in this article with stepwise explaination and complete example codes. Setting Checkbox Size using height and width Properties Setting ...
Read MoreHow to select text input fields using CSS selector?
To select text input fields using CSS selector, is a powerful and crucial tool for styling and targeting the specific elements on the webpage. Text input fields are an essential part of any web form that requires users to provide input. In this article, we are having three input fields. Out of three. two input fields are of text input type and remainig one is if password input type. Our task is to select text input fields using CSS selector. Aproaches to Select Text Input Fields Here is a list of approaches to select text input fields using CSS selector ...
Read MoreHow to Rotate Container Background Image using CSS?
To rotate container background image using CSS, is a powerful tool to control and enhance the visual presentation of a website. In this article, we will be understanding three different approaches to rotate container background image Using CSS. We are having a background image in a div container, our task is to rotate container background image using CSS. Approaches to Rotate Container Background Image Using CSS Here is a list of approaches to rotate container background image using CSS which we will be discussing in this article with stepwise explaination and complete example codes. Rotate ...
Read MoreHow to change image on hover with CSS?
To change image on hover with CSS, we will be using :hover psuedo-class. In this article, we have discussed two different approaches to change image on hover with CSS properties. We are having an image in our HTML document, our task is to change the image when we hover over the image. Approaches to Change Image on Hover Here is a list of approaches to change image on hover with CSS which we will be discussing in this article with stepwise explaination and complete example codes. Change Image on Hover Using background Property ...
Read MoreHow to set fixed width for td in a table ?
To set the fixed width to the table's element we can use multiple approaches. But before that we need to know about the element. HTML element defines a data cell in an HTML table. It is used to display data in the table, such as text, images, or links. Each element is enclosed within a element, which represents the row in the table. Fixed Table Cell Width It is important that the table looks consistent and easy to read when it displays on the web page. We can easily achieve this by setting ...
Read MoreHow to change the color of selected text using CSS?
To change the color of selected text using CSS, is a simple task which can be achieved using ::selection psuedo element. In this article, we are having text content which are written using various HTML tags, our task is to change the color of selected text using CSS. Changing color of selected text using CSS In example 1, we are having a div element, an H3 element and a p element with some text written in it. We have used "::selection" pseudo-element selector which changes the background-color and text color of ...
Read MoreHow to set alternate table row color using CSS?
To set alternate table row color using CSS, is also known as zebra striping. It is helpful in improving the readability of table as it is easier to distinguish between rows. In this article, we will be understanding four different approaches to set alternate table row color using CSS. We are having a 5*2 table, our task is to set alternate table row color using CSS. Approaches to Set Alternate Table Row Color Here is a list of approaches to set alternate table row color using CSS which we will be discussing in this article with stepwise explaination and complete ...
Read MoreHow to rotate an element using CSS?
To rotate an element using CSS, is a powerful tool to control and enhance the visual presentation of a website. In this article, we will be understanding three different approaches to rotate an element Using CSS. We are having an image and a div box with text content written in it, our task is to rotate element using CSS. Approaches to Rotate an Element Using CSS Here is a list of approaches to rotate an element using CSS which we will be discussing in this article with stepwise explaination and complete example codes. Rotate using ...
Read MoreHow to create toggle switch by using HTML and CSS?
To create toggle switch by using HTML and CSS, we will be using simple HTML input elements and CSS for styling the toggle box to make it user intercative. A toggle switch is a graphical user interface element that allows users to toggle between two states, usually 'on' and 'off'. In this article we are going to understand how to create toggle switch by using HTML and CSS. We are having an input tag with type attribute value as checkbox. Our task is to design this checkbox and create a toggle switch by using HTML and CSS. We will be ...
Read More