Using CSS Frameworks
Welcome to the "Using CSS Frameworks" Practice Lab. In this module, you will be provided with the instructions and devices needed to develop your hands-on skills.
Welcome to the Using CSS Frameworks Practice Lab. In this module, you will be provided with the instructions and devices needed to develop your hands-on skills.
The following exam objective is covered in this lab:
5.4 Analyze styles that implement a simple responsive layout
It will take approximately 20 minutes to complete this lab.
Exercise 1 - Working with CSS Frameworks in HTML Pages
The W3.CSS framework is one of the CSS frameworks available to develop professional, neat, simple, presentable, and effective web pages. This framework offers several features to web developers. Some of the features are as follows:
- It has built-in responsiveness that helps the web pages to adapt to different screen sizes on various devices.
- It is relatively easy to use as compared to other CSS frameworks.
- It is compatible with most of the web browsers.
The framework is available in the form of an external style sheet file named w3.css. You can download the .css file from W3.CSS website and attach it to the web page. There are many built-in classes available in the framework. You can use these classes to enhance the look and feel of various HTML elements on the page.
In this exercise, you will perform two tasks. In task 1, you will download the Visual Studio Code workspace and extract it. Then, download and save w3.css and image files in the styles and images folder respectively.
For the purpose of this demonstration, the external style sheet w3.css is saved in the styles folder in sls workspace.
In task 2, you will use W3.CSS framework and implement responsive web design in the registration page called register.html.
After completing this exercise, you will be able to:
Use CSS frameworks in HTML pages
IT & Cybersecurity certification hands on practice labs and practice exams for certifications and skill development.
See the full benefits of our immersive learning experience with interactive courses and guided career paths.