Главная
Study mode:
on
1
Intro
2
CSS needs HTML
3
CSS3 definition
4
CSS cascades / CSS3 syntax
5
Dive into CSS
6
Start with the HTML code
7
Create your CSS file
8
Link your CSS3 to your HTML5
9
Add Live Server to VS Code
10
Chrome Dev Tools Mobile View / Responsive Web Design
11
CSS Reset / Select All
12
Setting Default CSS Styles
13
Defining Reusable CSS Classes
14
Applying Classes to HTML
15
Styling the navbar
16
BEM naming convention
17
Styling the main element
18
Applying styles to the posts
19
Changing the placeholder images
20
Styling the footer
21
Fixing the link scroll with scroll-margin-top
22
Using CanIUse.com to identify an iOS / Safari issue
23
Adding a media query for responsive web design
24
Post columns or equal height or not?
25
Adding more posts to the page
26
Updating the navbar to handle more links
27
Adding a pseudo-selector to the images
28
Adding a unicode symbol
29
Conclusion
Description:
Embark on a comprehensive CSS3 tutorial designed for absolute beginners, guiding you through the process of building a responsive website. Learn the fundamentals of CSS3 syntax, cascading styles, and web design principles. Start by setting up your development environment with HTML and CSS files, then explore essential concepts like CSS reset, default styles, and reusable classes. Master techniques for styling navigation bars, main content, and footers while implementing responsive design using media queries. Dive into advanced topics such as BEM naming conventions, pseudo-selectors, and Unicode symbols. Gain practical knowledge on using developer tools, addressing cross-browser compatibility issues, and optimizing your workflow with VS Code extensions. By the end of this tutorial, you'll have a solid foundation in CSS3 and responsive web design, equipped with the skills to create visually appealing and functional websites.

CSS Tutorial for Absolute Beginners - Learn CSS3

Dave Gray
Add to list
0:00 / 0:00