CSS Basics, CSS beginner

Name: CSS Basics, CSS beginner
Rating: 4.0 (15 reviews)

CSS BASICS FOR BEGINNERS

Created byAbubakrsiddik Abdurakhimov

Last updated 4/2024

English

English [Auto],

What you'll learn

CSS INTRODUCTION
CSS STYLING 3 WAYS
CSS BASIC TAGS
CSS BASIC TAGS WITH *
CSS PRACTICE
CSS TEXTS
CSS BACKGROUND
CSS FONTS
CSS FORMATTING AND ICONS
CSS DISPLAY (FLEX-GRID-BLOCK-INLINE)
CSS MEDIA QUERIES

Course content

1 section • 8 lectures • 1h 58m total length

CSS BORDERS15:43
Master CSS borders by learning border width, color, and style, then apply border radius and border shorthand to create concise, customizable borders for inputs and headings.
CSS OUTLINE10:40
Explore how outlines differ from borders in CSS, including outline width, style, color, and offset. Learn to apply and reset outlines on elements and inputs, and recognize default outline behavior.
CSS TEXTS9:47
Explore essential css text properties, including text decoration, text transformation, line height, text indent, word spacing, letter spacing, and text shadow, to control typography in headings and paragraphs.
CSS FONTS13:06
Learn to integrate Google Fonts and Font Awesome icons into your HTML and CSS, embed the links, and apply font family, weight, style, and size to text.
CSS IMAGE FILTER17:07
Learn CSS basics with pseudo classes, first-child, last-child, nth-child, hover, focus, and active pseudo-classes. Explore image filters such as blur, brightness, grayscale, sepia, and opacity, plus attribute selectors.
CSS DISPLAY15:15
Master the basics of CSS display, including display flex and display grid, to understand one-dimensional and two-dimensional layouts. Practice flex-direction, justify-content, align-items, grid template columns, and gap to control layout.
CSS POSITIONS17:29
Learn how to use max width, min width, max height, and min height, and master CSS positioning with static, relative, fixed, absolute, and sticky.
CSS NAVBAR19:49
Create a responsive navigation bar using HTML and CSS by building a ul-based menu with Font Awesome icons, styling with flex, and applying media queries for desktop, tablet, and mobile.

Requirements

ORDINARY LAPTOP
CODE EDITOR (VS CODE)
COMFORTABLE PLACE
PEN AND NOTEBOOK

Description

"Hello everyone, welcome back to another tutorial! Today, we're diving deep into the fundamentals of CSS (Cascading Style Sheets). Whether you're just starting out or eager to enhance your design prowess, you've come to the right place. In this session, we'll explore the essential concepts of CSS that form the backbone of modern web design.

Before we begin, I want to address a minor issue: the initial white screen that appeared at the beginning of the video. It seems to have been a glitch with my screen recorder, and I apologize for any inconvenience it may have caused. Rest assured, I'm continuously striving to improve the quality of my content, and future videos will be free from such hiccups.

Now, back to CSS! This versatile styling language allows us to control the appearance of web pages, from fonts and colors to layout and spacing. By mastering CSS, you'll gain the power to create visually stunning and user-friendly websites.

I encourage you to share this tutorial with anyone who might benefit from it. Learning should be accessible to all, and I'm thrilled to contribute to your growth as a designer. Stay tuned for upcoming videos where we'll delve even deeper into the world of CSS. Happy coding! #CSS #webdesign #tutorial #learning #designskills"

Who this course is for:

BEGINNER CSS LEARNERS