Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Practical HTML and CSS
  • Table Of Contents Toc
Practical HTML and CSS

Practical HTML and CSS - Second Edition

By : Brett Jephson, Lewis Coulson, Ana Carolina Silveira
4 (1)
close
close
Practical HTML and CSS

Practical HTML and CSS

4 (1)
By: Brett Jephson, Lewis Coulson, Ana Carolina Silveira

Overview of this book

In the ever-evolving landscape of web development, mastering HTML and CSS is crucial for building modern, responsive websites. This comprehensive guide equips you with the essential knowledge and skills you need to excel in web design and development. Starting with the foundational principles of HTML and CSS, the book swiftly advances to cover more complex topics, providing a thorough understanding of these vital technologies. You’ll learn how to build websites from scratch, create intuitive user input forms, and enhance web design by integrating multimedia elements like videos, animations, and themes. Emphasizing responsive web design principles, this book teaches you how to create layouts that flawlessly adapt to different devices using media queries. You’ll also get to grips with SEO essentials to optimize website visibility and search engine rankings. A dedicated section guides you through performance optimization techniques to ensure your websites deliver a smooth and lightning-fast user experience. By the end of this HTML and CSS book, you’ll have developed confidence in your web development skills, and you'll be well-equipped to build modern, visually appealing, and high-performing websites.
Table of Contents (20 chapters)
close
close
Lock Free Chapter
1
Part 1: Introducing HTML and CSS
5
Part 2: Understanding Website Fundamentals
9
Part 3: Building for All
13
Part 4: Advanced Concepts

CSS Flexbox

CSS Flexbox is a powerful layout module designed to help developers create flexible and responsive web layouts with ease. It allows items within a container to be automatically arranged and adjusted based on the available space, making it particularly useful for responsive design. Here are the key concepts of Flexbox:

  • Flex container and flex items: The parent element becomes a flex container when display: flex or display: inline-flex is applied. The children of this container become flex items and are arranged according to Flexbox rules.
  • Main axis and cross axis: The main axis is the primary direction in which flex items are laid out (default is horizontal). The cross-axis is perpendicular to the main axis.

Figure 8.11 shows how flex items relate to a flex container:

Figure 8.11: Flexbox schema

Figure 8.11: Flexbox schema

To make the most of CSS Flexbox, let’s delve deeper into its properties and explore how to use them effectively.

Flexbox...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Practical HTML and CSS
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon