CSS (Cascading Style Sheet)

CSS (Cascading Style Sheet)

Introduction: Your First CSS File In this tutorial, we will focus on creating our first CSS file. The following parts are used: 1.Setting up the environment 2.Creating an HTML page 3.Adding CSS to HTML Setting up the environment: Installing Visual Studio Code 1.Go to the google 2.Search visual studio code download in the search bar 3.Click on the download and follow the installation instruction for your OS. 4.After installing the visual studio code install the Live server extension that helps you to enable live reloading of a page. Creating an HTML page: Assuming you have some knowledge of HTML, open VS code and create a new file named “index.html”. After creating the html file. Generate the default boiler plate code by pressing the “!” and then press enter. It will generate basic html code. The generated code look something like this after changing the title and adding some content to the body: Adding CSS to HTML: Inside the head tag add tag and add the following code: You have successfully start you journey into the world of CSS! Follow these tutorial for better understanding of CSS properties.