Last week we had a great time learning about HTML. And we have learned the starting point of HTML through which we can do our web development. First, we have learned to create a form and completed this task. This is the second week we will complete our CSS task. We have been given different types of tasks and after reading this assignment we have to give their answers. I hope everyone will like my answers.

I want to thank my teachers @kouba01 & @starrchris who started this course and thought to give us information about this web development. And we are learning it well.

Part 01

Quiz

1. What is the full meaning of CSS
   • a) Cescading Style Sheets
   • b) Cascading Style Sheets
   • c) Cabonated Style Sheets

Answer

1. Which of the following is not a way of implementing CSS.
   • a) Enternal styling
   • b) Internal Styling
   • c) Inline Styling

Answer

1. Which selector is used to style group of specific p tages?
   • a) .p{}
   • b) p{}
   • c) #p{}

Answer

1. How do you save an external CSS file?
   • a) .css
   • b) .style
   • c) .sheet

Answer

1. What way of implementing CSS to HTML, do professionals use?
   • a) Internal styling
   • b) Inline styling
   • c) External

Answer

Part 02

Theory

CSS is used in HTML files to control a web page's visual presentation and layout. There are various reasons why we use it in HTML, some of the important ones are as follows.

• HTML is used to create the structure while CSS is used to style the structure. For example, if we have created a website, its structure will be created through HTML and we will use CSS to style it, to manage it, to control it. These two are kept separate so that we can change the design without changing its structure with the help of CSS.
• With the help of CSS we can give the same style to different web pages with the help of an external style sheet. This allows you to give all your web pages the same look.
• CSS allows you to style multiple elements in one place. For example, if your web page has different types of paragraphs, you can style these different types of paragraphs in one place through the same elements.
• CSS can be reused to manage any part of the website. This will save you time.
• With the help of CSS we can make our web page responsive. And it will run easily on any screen. This will reduce the chances of user error.

Example:

HTML

CSS

In HTML and CSS, ID classes and elements play a variety of roles. They are used to identify and style the web page. Each of them has different characteristics.

• ID refers to a unique identifier in HTML documents. Each element has a unique ID. Which we can use only once on a page.
• IDs are assigned with the id attribute in HTML and CSS we use the ID with the hash (#) symbol.
• IDs are used in elements for a unique identifier. As we can use it for specific sections specific buttons and any form field.

Example:

• A class can be used multiple times in an HTML document and different elements can share the same class so one element can have multiple classes.
• We assign the class with the class attribute in HTML and similarly, in CSS we assign it with the dot (.) symbol.
• The class we use for the various elements that produce the same style and behavior. This allows us to apply our styling to multiple elements.

Example:

• Elements are the basic codes in HTML that we use to create our web page to create its structure. Which includes <div> <h> <a> etc.
• In CSS we assign the name of the element as a direct tag name.
• Elements are used for styling that is defined with the same tag in HTML documents.

Example:

01

Example:

02

Example:

03

Example:

04

Example:

05

A single-column layout is a website that is on a full page. Which has no sidebar. This is mostly for people who want to read content without distraction. Also, they are mobile friendly which is designed to be responsive and good-looking on mobile.

The main content of such a website is on the right side and the sidebar is on the left side. Or the other way around if it is made so that the sidebar is on the right side and the main content is on the left side. It has additional features that in the sidebar we can add different types of recent posts and categorize them. Which will make it easier for the user to find the item.

Such a website has the main content in the center and a sidebar on both sides. This is used because we want to display various types of additional information along with our blogs. In this additional information, we can put anything like ads categories recent posts social media link images. In such a website, the user can interact with different types of elements while reading his blog.

In such a website, the content is arranged in a grid format. It is used when we have to add heavy data, it is mostly made for blogs and visual content and photography and portfolio blogs. They are mostly designed to display images and multimedia content. And it helps us organize multiple posts and items.

This site is created when we want to show different types of data on the home page and we want to divide our content into different categories. For example, our content may have a photography section and a video section as well as some highlights. These are mostly made for online magazines and news portals.

Bugs:

Bugs are various types of problems and difficulties in software code that cause it to function incorrectly. And it produces the wrong output. There are a variety of reasons why this may lead to wrongdoing.

Debugging:

Debugging is the process of correcting problems or problems in code. It is an important part of software development and ensures that your code is working correctly.

• Debugging allows developers to identify and provide information on unexpected behavior and errors in code.
• Debugging improves software quality and improves user experience.
• Debugging gives us the surety that the software is working correctly in various aspects. It provides us with the right method according to every adge.
• Some bugs affect the performance of the software. But it helps to eliminate them and improves its performance.

Part 03

Prectical

I have VScode already installed on which I completed my last week's task, now this week I will create a web page with the example you gave us.

Website Layout

HTML CSS Code

Invitation:
@josepha, @steemdoctor1, @abdullahw2

_{Dated: 17-07-2024 About Me}