What is the difference between “screen” and “only screen” in media queries?
Media query is used to create responsive web design. It means that the view of web page differ from system to system based on screen… Read More »
Category Archives: CSS
How to select elements by data attribute using CSS?
CSS allows to select HTML elements that have specific attributes or attribute values. Element can be selected in number of ways. Some examples are given… Read More »
How to stretch and scale background image using CSS?
The background-size property is used to stretch and scale background image. This property set the size of background image. Here we will see all possible… Read More »
How to add space (” “) after an element using :after selector in CSS ?
The :after selector in CSS is used to add same content multiple times after the content of other elements. It inserts something after the content… Read More »
How to prevent text in a table cell from wrapping using CSS?
Given a table which contains the table head and body section. The task is to prevent the text in a table cell from wrapping using… Read More »
How to make text input non-editable using CSS?
The read-only attribute in HTML is used to create a text input non-editable. But in case of CSS, the pointer-events property is used to stop… Read More »
How to make a div fill a remaining horizontal space using CSS?
The width property is used to fill a div remaining horizontal space using CSS. By setting the width to 100% it takes the whole width… Read More »
How to set checkbox size in HTML/CSS?
The checkbox is an HTML element which is used to take input from the user. Method 1: The checkbox size can be set by using… Read More »
How to make elements float to center?
The CSS float property is used to set or return the horizontal alignment of elements. But this property allows an element to float only right… Read More »
How to make flexbox children 100% height of their parent using CSS?
CSS Flexbox is an awesome tool to create website layouts. Making a flex-box child 100% height of their parent can be done in two ways.… Read More »
How to write :hover condition for a:before and a:after in CSS?
The :before and :after selectors in CSS is used to add content before and after an element. The :hover is pseudo-class and :before & :after… Read More »
CSS | Generic font-family collection
The font-family property is used to set the font of text in HTML document. The different font-family is used to create attractive web pages. There… Read More »
How to load CSS files using JavaScript?
The CSS file is used to describe how HTML elements will be displayed. There are various ways to add CSS file in the HTML document.… Read More »
CSS | Web Fonts
Web fonts are used to allow the use of fonts in CSS, which are not installed on the local system. After choosing the not installed… Read More »
CSS | Buttons
Buttons are one of the most used elements in web pages. Buttons are used for event processing and interacting with the user. From submitting a… Read More »
