CSS: W3.css

W3.css

w3css
introduction
Introduction to W3.css
Author

albertprofe

Published

Tuesday, June 1, 2021

Modified

Sunday, August 10, 2025

1 W3.css

W3.CSS is a CSS (Cascading Style Sheets) framework that is designed to make it easier to create modern and responsive web pages.

It provides a set of pre-defined styles and layouts that can be easily customized and applied to HTML elements, allowing developers to quickly and easily create professional-looking web pages without the need to write complex CSS code.

W3.CSS is lightweight, easy to use, and supports all modern web browsers.

W3.CSS is Smaller, Faster and Easier to Use

  • W3.CSS is a modern, responsive, mobile first CSS framework.
  • W3.CSS provides equality for all browsers: Chrome. Firefox. Edge. IE. Safari. Opera.
  • W3.CSS provides equality for all devices: Desktop. Laptop. Tablet. Mobile.
  • W3.CSS is standard CSS only (No jQuery or JavaScript library).

Reference: W3.css

2 Example

example.css
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>

<div class="w3-container w3-teal">
  <h1>My Car</h1>
</div>

<img src="img_car.jpg" alt="Car" style="width:100%">

<div class="w3-container">
  <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p>
</div>

<div class="w3-container w3-teal">
  <p>My footer information</p>
</div>

</body>
</html>
Back to top