Online Class: Introduction to CSS

This course shows you how to design web pages and create CSS classes from a beginner's level to a more intermediate level. It starts off with basic HTML declarations, properties, values and how to include a CSS style sheet with your HTML code. For those of you who are new to CSS and HTML, we show you step-by-step how to create a CSS file and include it in your HTML code, even if you use a cloud server for your hosting.

We show you how to position your elements, lay out your elements relative to your documents, and style your HTML using predefined CSS values. We introduce you to the common CSS styling that you'll need when you start off designing your pages. If you want to get to know CSS and website design, this course is meant for you, and it can be used by anyone who hasn't even seen one line of CSS code yet. We focus on the latest CSS 3 and HTML5 standards, so you get the latest when coding your website pages instead of focusing on older code.

Courses Frequently Bought Together:

Learn HTML - Create Webpages Using HTML5

Introduction to SQL

Microsoft Office 2021: Word, Excel, PowerPoint and Outlook

Course Motivation

Whether you're a simple HTML coder or an advanced backend coder that provides dynamic web pages, you need CSS. Cascading Style Sheets (CSS) provide these web pages with a look and feel for the web page that displays to the user. In general, CSS files are the layout and design for a web page. From the placement of images and text to the font size and background color, CSS controls the way these HTML elements display in a browser.

What is CSS?

You know that CSS files contain styles in a web page, but what are web element styles and how do they fit in with HTML? CSS is designed to solve a problem of styling.

When HTML and websites began to be more public in the 1990s, old style web pages used HTML to change the font size and color, the background of a page, or display images. HTML was never intended to format pages, but technology evolved and developers needed a way to make HTML pages prettier. Not only did developers need a way to style pages, but they also needed a way to make code cleaner and dynamic. After initial versions of HTML, newer versions introduced styling elements such as the paragraph element <p> or the font element <font>. These elements formatted text a bit for better layouts.

As HTML became more advanced, these elements began to grow and create bulky, hard-to-read code that wasn't easily managed. When a company decided to change its website styling, developers had to go from page to page to change the style HTML tags. You can imagine how time consuming and difficult this can be when you have thousands or even just a few dozen pages.

The answer to the impending code problem was CSS styling. CSS files allowed coders to create style classes and dynamic layouts. These styles are stored in one file, and they can be applied to all pages. One CSS file can provide styles and layouts for thousands of pages.

Why Use CSS?

CSS solves many of the styling problems coders faced in the early days of HTML. CSS has become much more advanced, but initially CSS made life easier for website designers.

There are three main advantages of using CSS.

• You can stop using duplicate HTML tags and repetitive HTML code.

• Changing styles and redesigning pages is much more efficient since you only need to change these styles in one file instead of all your HTML files.

• Maintaining changes are easier since you have one style file instead of multiple

Imagine you have 10 files for your web pages. You only use HTML tags and no CSS. When you want to make changes to your fonts, you simply change the class in the CSS file instead of going to each of your font tags and change the layouts. When you make a change in the CSS class file, the changes propagate to each of your 10 HTML pages without you changing any of them manually. When you back up your files, you only need to back up one file for all of your styles.