Published 08/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 40 lectures (7h 5m) | Size: 4.46 GB
Write clean & organized html & css to build responsive websites
What you’ll learn
Understand HTML, CSS, and responsive web design
Build responsive web pages with HTML, CSS, and flexbox
Organize CSS code into reusable and efficient code
Develop foundational knowledge of markup to learn more advanced ui libraries easier
Requirements
No programming experience needed
Description
In this course we’re going to learn the fundamentals of HTML and CSS markup code.
We’ll start with learning a variety of concepts like positioning, display types, CSS specificity, colors, and more. Once we’ve covered the fundamentals, we’ll learn about Flexbox, a modern implementation of CSS to create responsive and fluid layouts for your web pages.
Once we’ve covered these html and css concepts, we’ll take what we’ve learned and apply our knowledge to create a responsive web page from scratch.
Here’s a comprehensive list of the concepts we’ll learn in this course
Introduction to HTML. Initial setup, and what are HTML Tags?
Differences between border, margin, and padding. How and when to use each.
CSS Classes and IDs
CSS Combinators: Style elements under very specific circumstances.
CSS positioning: Absolute, Fixed, Relative, and Sticky
Adding CSS Styles in head tag, inline, and with external stylesheets
Using “variables” or Custom css properties for reusability
Display types: Block, inline, inline-block
Form styling: How to style each element of a form, like borders, placeholders, etc.
Media Queries for Responsive web design by changing styles for a variety of screens
Pseudo classes: Targeting every other list item, first item, links when visited, etc.
Specificity: How to handle conflicting stylesheet rules.
Flexbox: Introduction
Flexbox direction and wrapping
Flexbox content gaps and alignment
Flexbox direction and wrapping
Flexbox growing, shrinking, basis, and ordering of elements.
Coming Soon
CSS Grid
Fluid fonts like EM’s VH, etc…
Border images
CSS Reset
CSS Animations
Bootstrap
Password/解压密码www.tbtos.com
转载请注明：0daytown » HTML & CSS – Learn to Build Responsive Websites