CSS :basics for beginners

Learn how to code in CSS in less than one hour.

Created byNaveen Kumar A

Last updated 6/2017

English

What you'll learn

you will be very confident in web designing
Will be able to write code in CSS
manage code in CSS
complete a study in CSS

Course content

3 sections • 13 lectures • 32m total length

self intro1:39
An instructor with decades of teaching experience introduces CSS basics for beginners, clarifying that CSS stands for cascading style sheets and how styling shapes look and feel.
Introduction and Requirements of the course1:37
Introduce the course and outline the requirements for CSS basics for beginners. Recommend Chrome for fast compilation, note compatibility issues, and emphasize short videos to fit learner needs.

Applying Style to HTML4:00
Apply styles to html elements using css by adjusting color, background color, font family, and font size for paragraphs and other text.
Adding CSS3:29
Create a separate css file and apply style rules for background color, font family, and font size. Adjust colors and sizes, such as green to blue and 70 pixels.
Adding style tags in HTML0:45
Learn how to place CSS properties inside a single style tag in an HTML file and observe how the output updates.
Adding ID's3:06
Learn to add IDs to elements, target headers, and apply color and font properties to customize CSS styling.
Font Families and properties1:36
Explore font families and font properties in CSS basics for beginners, learning how to apply typography styles to web pages.
Adding in colors1:23
Tables5:48
Learn to style html tables with css, adjusting table size, colors, borders, and header appearance using table properties and thead styling in practical examples.
Lists2:28
Learn to control list markers with CSS using list-style-type, with examples like circle, square, roman numerals, and katakana.
Class v/s Ids2:33
Explore the class concept in CSS and how to use class selectors to style multiple elements. Contrast it with id selectors using the hash symbol to target single elements.
Adding external stylesheet to HTML2:58
Learn how to add an external stylesheet to an HTML page by linking a CSS file, applying background colors, and observing style changes in real time.
CSS basics

Requirements

An internet connection
An up to date web browser

Description

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

CSS is designed to enable the separation of presentation and content, including layout, colors, 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, which reduces complexity and repetition in the structural content; and enable the .css file to be cached to improve the page load speed between the pages that share the file and its formatting.

This course mainly focuses on learning CSS(Cascading Style Sheets) which is very important for the look and feel of the website. In this tutorial series you get to learn about it's basics . it is the number design language for the web. it is easy to learn and it is used in most web development today. By enrolling in this course you will learn all basics in less than one hour you will get a very good grip on topics in CSS. By the end of it you will have a firm understanding of the concepts of CSS and you will be able to code in CSS on your own

Who this course is for:

People who want to learn about web development
people who have basic idea of HTML

CSS :basics for beginners

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 3min

let's learn CSS10 lectures • 28min

Congratulations you are finished!1 lecture • 1min

Requirements

Description

Who this course is for: