12.02. Steps to follow to get into HTML and CSS
A must for a designer who wants to improve their development skills is to learn minimal HTML and CSS styles to see how their designs translate into code.
01. Steps to follow to learn HTML
HTML is a framework language that will form the skeleton of your website, so to speak. Every element must be contained and declared in order to be able to style it later with CSS.
Introduction to HTML overview
Images in HTML
Adding vector graphics to the Web
Getting started with HTML
What's in the head? Metadata in HTML
HTML text fundamentals
Advanced text formatting
Document and website structure
Structuring a page of content
Multimedia and embedding overview
02. Basic concepts for learning CSS
While HTML gives structure and semantics to your website, CSS styles the elements to fit your design.
CSS first steps overview
What is CSS?
Getting started with CSS
How CSS is structured
How CSS works
Using your new knowledge
03. CSS building blocks
Knowing how the cascade of this language works is essential to be able to apply inheritance to all the types of selectors we have available, units, sizes...
CSS building blocks overview
Images, media, and form elements
Organizing your CSS
Cascade and inheritance
The box model
Backgrounds and borders
Handling different text directions
Values and units
Sizing items in CSS
04. CSS text styling
One of the pillars of CSS is knowing how to style text. Learn how to apply the different typography settings of your designs to the font in your code.
Styling text overview
Fundamental text and font styling
Assessment: Typesetting a community school homepage
05. CSS design tools
Learn how to use the fundamental layout tools and techniques available such as Flexbox or CSS Grid and learn how to arrange your CSS code in an organised and scalable way.
CSS layout overview
Beginner's guide to media queries
Legacy Layout Methods
Supporting Older Browsers
Fundamental Layout Comprehension
Introduction to CSS layout
06. Practice what you've learned about HTML and CSS
Thanks to freecodecamp we have hundreds of interactive learning resources to practice everything from the basics of HTML and CSS to complete projects to test your skills.
Basic HTML and HTML5
Applied Visual Design
Responsive Web Design Principles
Responsive Web Design Projects
Front End Development Libraries
Topic complete! 🎉🎉🎉
Congratulations! We recommend you to continue studying with us, completely free of charge, to reach your goal and apply for the job you are looking for. Don't forget to donate to keep the project alive 💖💖💖
Design QA ->
When the design is finally implemented, before uploading it to production we must carry out an exhaustive analysis to check that the implementation has been correct.
Stay up to date or donate to the project
This project is created by one person only, so if you subscribe to the newsletter, or collaborate by donating coffees to maintain the database, or recommend new resources, you will be more than welcome 💜
Explore all subjects in Block V - Develop & Testing
Explore all the topic in each subject. Each subject is divided into different topics that contain a series of resources to study. Start from 0 or wherever you want.