Web Designing and Publishing
CSS Framework Question & Answer
What is W3.CSS ? Explain
W3.CSS is a free and modern CSS framework published by W3school for developing responsive, mobile-first websites. It is smaller and faster than similar CSS framework (Bootstrap). It is easier to learn and use.
W3.CSS helps in responsive designing of website which means designing of website in such a way that the contents of websites automatically fit and resize that makes the website looks good on all devices (PC, laptop, tablets or mobile phones) wherever it is opened.
What are the ways of adding W3.CSS into webpage? Explain with its syntax.
There are two ways of adding W3.CSS into webpage
- By using CDN (Content Delivery Network)
- By downloading W3.CSS file into local machine
By using CDN (Content Delivery Network)
The CDN of w3school can be used to link W3.CSS file into web page as following:
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
The tag must be written in the head section of the HTML. It is obvious that internet connection must be needed for successfully delivery of W3.CSS file.
By downloading W3.CSS file into local machine
This is alternate way of adding W3.CSS into web page. First download the W3.CSS file into local machine, and then add it to the web page. To download W3.CSS file, follow the link: https://www.w3schools.com/w3css/w3css_downloads.asp
Now save the file into local machine and then add it in the head section of the HTML as:
Here, the name of the W3.CSS file is “w3” and it is supposed that HTML and CSS file is
on the same folder. If CSS file is on the other folder, then add path accordingly