CSS Tutorial for Beginners | CSS Full Course with 10 PROJECTS & NOTES
CSS Tutorial for Beginners | CSS Full Course with 10 PROJECTS & NOTES by Programming For Beginners
In this video by Programming for beginners we will see CSS Tutorial for Beginners. CSS Full Course in One Shot by Programming For Beginners
HTML and CSS is a must for students and working professionals who want to make a career in web development related technologies specifically for front end developers and web designers.
CSS full form is cascading style sheet. It is used to design web pages written in HTML.
CHAPTERS:
00:00 Introduction to CSS
09:05 Inline vs Internal vs External CSS
19:44 Types of CSS Selectors
36:43 Color values in CSS
47:38 Background Property in CSS
01:01:51 Border Property in CSS
01:08:56 Margin Property in CSS
01:23:42 Padding Property in CSS
01:36:47 height, width and max-width properties in CSS
01:45:11 Exercise on border, margin, padding in CSS
01:55:33 Box Model in CSS
02:05:04 Outline Property in CSS
02:12:20 Text Color and Alignment Property in CSS
02:21:48 Text Decoration Property in CSS
02:30:48 Text Transformation Property in CSS
02:35:36 Text Spacing Property in CSS
02:42:25 Text Shadow Property in CSS
02:48:48 Fonts in CSS
02:59:36 Icons in CSS
03:05:36 Exercise on text properties, font and icons in CSS
03:15:33 Link Styling Properties in CSS
03:24:11 List Styling Properties in CSS
03:35:30 Table Styling Properties in CSS
03:50:00 Display Property in CSS
04:05:51 Exercise to Create Navigation Bar in CSS
04:16:45 Position Property in CSS
04:37:00 z index Property in CSS
04:44:42 Overflow Property in CSS
04:50:56 float and clear Property in CSS
05:03:57 Exercise on z-index, overflow, float, clear Properties in CSS
05:16:04 Horizontal and Vertical Align in CSS
05:27:21 Combinators in CSS
05:37:09 Pseudo classes in CSS
05:46:32 Pseudo elements in CSS
05:54:31 Opacity or Transparency in CSS
06:03:20 Vertical Navigation Bar in CSS
06:13:27 Horizontal Navigation Bar in CSS
06:22:34 Create Dropdown Options in CSS
06:35:46 Attribute Selectors in CSS
06:44:56 Exercise on Align, pseudo classes
06:56:22 Styling Forms in CSS.wmv
07:09:14 Counters in CSS for Automatic Numbering
07:20:29 Length Units in CSS
07:41:29 Specificity and Priority in CSS
07:51:53 !important Rule in CSS
08:01:42 Math Functions in CSS
08:10:10 Rounded Corners in CSS
08:16:10 Color Gradients in CSS
08:29:48 Making Pie Chart in CSS
08:36:50 Text Shadow in CSS
08:46:39 Box Shadow in CSS
08:56:07 Text Effects in CSS
09:04:47 2D Transform Property in CSS
09:19:20 3D Transform Property in CSS
09:29:10 Transition Property in CSS
09:40:37 Animations in CSS
09:53:45 Loading Animation in CSS
10:00:56 Customized Tooltip Text in CSS
10:15:51 Styling Images in CSS
10:27:22 Image Hover Overlay in CSS
10:33:53 Image Reflection in CSS
10:39:45 object-fit Property in CSS
10:46:20 object-position Property in CSS
10:51:55 mask-image Property in CSS
10:57:22 Button Styling in CSS
11:13:29 Pagination in CSS
11:22:30 Multiple Columns in CSS
11:30:36 Resize Property in CSS
11:35:04 Variables in CSS using var() function
11:46:49 box sizing property in CSS
11:53:23 Flexbox in CSS
12:22:52 Media Queries in CSS
12:31:12 Flex Responsive in CSS
12:37:48 Creating Navigation Bar using Flexbox in CSS
12:47:25 Simple Responsive Design using Flexbox in CSS
13:01:24 Grid Layout in CSS
13:26:01 Exercise on Grid Layout in CSS Making Sidebar & Content
13:35:30 Center HTML Element inside div Element in CSS
13:42:46 optional & required pseudo class in CSS
13:51:40 HTML CSS Project 1
14:04:04 HTML CSS Project 2
14:14:54 HTML CSS Project 3
14:25:43 HTML CSS Project 4
14:31:55 HTML CSS Project 5
14:41:36 HTML CSS Project 6
14:52:46 HTML CSS Project 7
15:06:14 HTML CSS Project 8
15:21:17 HTML CSS Project 9
15:31:27 HTML CSS Project 10
==========
HTML CSS Projects Playlist:
Complete CSS Tutorial for Beginners Playlist:
Complete HTML Tutorial for Beginners Playlist:
Python Programs for Beginners Playlist:
All Java Programs Playlist:
What Is CSS?
- CSS stands for cascading style sheets
- In short, CSS is a design language that makes a website look more appealing than just plain pieces of text
- HTML largely determines textual content and CSS determines visual structure and layout
- HTML is a markup language, and CSS is a style sheet language. Think “look and feel” when you think CSS.
YouTube Gears:
Microphone:
Mouse:
Laptop:
============================
LIKE | SHARE | COMMENT | SUBSCRIBE
Thanks for watching :)
Watch video CSS Tutorial for Beginners | CSS Full Course with 10 PROJECTS & NOTES online without registration, duration 15 hours 43 minute 26 second in high hd quality. This video was added by user Programming For Beginners 10 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 544 once and liked it 20 people.