22. Intro to building your first CSS for website - Full stack web development Tutorial Course

In this FullStackWebDevelopment tutorial video, We are going to learn about creating our own custom CSS for your first website. #CSS stands for Cascading Style Sheets. It is a quick section overview of the #website that we are going to build and #design with CSS.

We are going to use the basic CSS skills that we have already learnt along with some new techniques. We will learn how to work with embedded videos, create navbars and how to make our website responsive. CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.

CSS describes how HTML elements are to be displayed on the screen, paper, or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once
External stylesheets are stored in CSS files.

CSS is designed to enable the separation of presentation and content, including layout, colours, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file and reduce complexity and repetition in the structural content.

Separation of formatting and content also makes it feasible to present the same markup page in different styles for different rendering methods, such as on-screen, in print, by voice (via speech-based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for alternate formatting if the content is accessed on a mobile device.

The name cascading comes from the specified priority scheme to determine which style rule applies if more than one rule matches a particular element. This cascading priority scheme is predictable.

Navigation Bar: A navigation bar is basically a list of links.

Headers and footers are the top and bottom sections of the document respectively. They are separate sections from the main document and are often used to hold footnotes, page numbers, titles, and other information.

What is a Responsive Website?
Responsive Web design is the approach that suggests that design and development should respond to the user's behaviour and environment based on screen size, platform and orientation.

Importance of Responsive Website
Responsive design can help you solve a lot of problems for your website. It will make your site mobile-friendly, improve the way it looks on devices with both large and small screens, and increase the amount of time that visitors spend on your site. It can also help you improve your rankings in search engines.

In the upcoming videos, we will start building our new website and working with the above-mentioned areas specifically along with some detailed technicality of designing the website and the proper way of writing the code along with indentation. This will make our code more readable and easy to debug or make changes.

----------------------------

Week 1: Day 4
Section 4: Advanced CSS: Building and styling website
Tutorial 22: Intro to building your first CSS for the website

----------------------------
Do subscribe and hit Bell Icon
----------------------------

Follow us in social media handles for opportunities and code related support.

----------------------------

Got a question on the topic? Please share it in the comment section below and our experts will answer it for you.

[jonibek]

Hello.is there a link to this website? or can u provide psd file?