Skip to content

Schools of Web – Teach Yourself Web Development and Web Designing Step by Step With Easy Explanation

Teach Yourself Web Development and Web Designing Step by Step With Easy Explanation

  • Home
  • About Us
  • Contact Us
  • Earnings Disclaimer
  • Privacy Policy
Search
Search Close
  • Home
  • CSS How-to

Category: CSS How-to

Here you’ll find different CSS how-to tutorials.Please browse the following articles.   

Mar 02

What is !important in CSS and how to use important in CSS?

Neil FinLeave a commentCSS How-to

Problem: Sometimes, in CSS, we see “!important”.  You want to know what is !important in CSS and how to use it? Solution: Function of “!important” – Even if the selector is less specific or lower level, “!important” makes it higher Read more

Feb 17

What is clearfix & how to use clearfix?

Neil FinLeave a commentCSS How-to, HTML How-to

Problem: Sometimes div class named clearfix. What is this clearfix and how to use this? Solution: The clearfix is a way for an element to automatically clear its floated children. Suppose your child element is an image. If its height Read more

Jan 26

How to style a dropdown menu (select element) using CSS without JavaScript?

Neil FinLeave a commentCSS How-to, HTML How-to

Problem: You have a webpage with a dropdown menu. You want to style it. There are many solutions with javascript. But you need to style it using CSS only. Solution: Method-1:  Use appearance property HTML: CSS: Explanation: Here “appearance:none” property Read more

Jan 26

How to center an element/a div horizontally and vertically?

Neil FinLeave a commentCSS How-to, HTML How-to

Problem: You have a div element. you need to center it horizontally and vertically in the browser. The HTML codes are: Solution: There are multiple ways to solve this problem. Method 1: CSS: Explanation: When you set “position:absolute”, the element Read more

Jan 25

How to stretch and scale CSS background?

Neil FinLeave a commentCSS How-to, HTML How-to

Problem: There is a background for a container. The problem is that the background doesn’t cover the contents of that container. Now you need to stretch or scale to fill its container. Solution: The code: HTML: CSS: Explanation: background-size defines Read more

Jan 25

How to get the footer to stay at the bottom of a Web page?

Neil FinLeave a commentCSS How-to, HTML How-to

Problem: A webpage contains some contents with footer.  You want to keep the footer always at the bottom whether the contents go pretty far down or not even enough content to go all the way to the bottom of the Read more

Jan 25

How to change an HTML5 input’s placeholder text color with CSS?

Neil FinLeave a commentCSS How-to, HTML How-to

Problem: You have a form that contains input fields with the placeholder. The default color of the placeholder is light gray. You need to change the color of the placeholder. Solution: If you want to change the color to pink, Read more

Jan 24

What is the recommended way to embed PDF in HTML?

Neil FinLeave a commentCSS How-to, HTML How-to

Problem: You want to embed a PDF file on your html page. And you’re looking for the best way to do that. Solution: The best way of embedding a PDF file is to use the <object> tag. The code: Explanation: Read more

Jan 24

How to give text or an image a transparent background using CSS?

Neil FinLeave a commentCSS How-to, HTML How-to

Problem: You want to put a background on the contents (texts or image) and make it transparent using opacity. But you don’t want to change opacity of your contents. HTML: CSS: By doing this, both background and text become in Read more

Jan 24

How to remove the space between inline-block elements?

Neil FinLeave a commentCSS How-to, HTML How-to

Problem: There are two inline-block elements in your page. Suppose HTML: And, the CSS: Here, you used “display:inline-block” to control margin and padding on inline elements. But, this “inline-block” creates a problem making whitespaces between inline-block elements. You need to Read more

Posts navigation

1 2 Next

Courses

  • PHP for Beginners
  • CSS for Beginners
  • HTML for Beginners

How-to Tutorials

  • PHP How-to
  • HTML How-to

About this site

Schools of Web is run by web developer and designer to help others learn it easily.

Like us: Never miss a post

Copyright © All rights reserved.
Education Soul by WEN Themes