Monday, September 4, 2017 2:21:14 PM

Happy New Year 2018! And now we welcome the new year. Full of things that have never been.

Introduction to W3.CSS

Ding Teck Song's picture

What is CSS?

Before I go in to more details, let’s talk something more general first. CSS or Cascading Style Sheets is a language that describes how HTML elements are to be displayed on screen, paper, or in other media. It describing the presentation of the HTML elements , include  colors, layout, and fonts. It allows us to use a single style or design to adapt to the presentation of different types of devices, such as large screens, small screens, or printers. CSS is independent of HTML and can be used with any XML-based markup language. The separation of HTML from CSS makes it easier to maintain web sites, share style sheets across pages, and tailor pages to different environments. This is referred to the separation of structure (or content) from presentation(or style sheet). The external stylesheets are stored in CSS files with the .css extension. The CSS file can be link to the HTML file by using the <link> tags in the <head> and the </head> tags of your HTML document.


What is W3.CSS?

Okay. Enough talking about CSS. Let’s come to our main business today. W3.CSS is a modern CSS framework with built-in responsiveness that develop by w3Schools. It is an free and easy to use tools to develop a nice and interactive style, design or presentation for your website. Its advantages includes :

  • Smaller and faster than any other CSS frameworks.
  • Easier to learn, and easier to use than any other CSS frameworks.
  • Better cross-browser compatibility than any other CSS frameworks.
  • Uses standard CSS only (No jQuery or JavaScript library) make it more easier to use by beginner and advance user.
  • Supports modern responsive mobile first design by default.
  • Provides CSS equality for all browsers include Chrome, Firefox, Edge, IE, Safari and  Opera, ...
  • Provides CSS equality for all devices include desktop, laptop, tablet, and mobile.
  • Speeds up and simplifies web development. It makes the process of web development more faster, simple and easier to do As mention by Albert Einstein, "Make it as simple as possible, but not simpler."


As mention earlier, W3.CSS is free to use by everyone. No license is necessary. so, what you are waiting for? Start to learn how to use it today and start to develop a nice and interactive style, design or presentation for your website today!


Final Advise

Before you get started, I would like to advise you somethingfor you to start using W3.CSS. To get started, you have to import the W3.CSS file in to your web pages first. You can optionally link the file directly from the server or  download the file from w3css_downloads  page in to your computer and link it to your HTML documents. To link the file directly from the server, just add a link to "w3.css" from your web pages. The following example shows how it is done.


Example :

link the file directly from the server :

<link rel="stylesheet" href="">

Download the w3.css file to your own computer and link it to your HTML documents :

<link rel="stylesheet" href="w3.css">


That’s all for now. Hope this article will be beneficial for you. Good luck and happy coding!