Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Mastering CSS

You're reading from Mastering CSS A guided journey through modern CSS

Product type Paperback

Published in Oct 2017

Publisher Packt

ISBN-13 9781787281585

Length 522 pages

Edition 1st Edition

Languages

CSS

Tools

SVG

Concepts

Web Design

Author (1):

Rich Finelli

View More author details

Table of Contents (12) Chapters

Preface

1. CSS Foundations FREE CHAPTER

2. Ramping Up

3. Creating a Page Layout with Floats

4. Creating Buttons with Modular, Reusable CSS Classes, and CSS3

5. Creating the Main Navigation and Drop-Down Menu

6. Becoming Responsive

7. Web Fonts

8. Workflow for HiDPI Devices

9. Flexbox, Part 1

10. Flexbox, Part 2

11. Wrapping Up

Summary

In this chapter, we went over the traditional use of floating elements: flowing text around images. We then looked at using floats to build a multi-column layout. Finally, we learned how to tackle the problems that come with using floats. We found that the clearfix hack is the best method for fixing collapsed floats. In the next chapter, we're going to expand on modular CSS as we create modern buttons using a modular approach.

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Rich Finelli

Rich Finelli

Rich Finelli is a husband and a father living in Piscataway, NJ, working as a frontend developer. He's truly passionate and excited for all frontend technologies and enjoys learning about web design and development. He also teaches two courses on CSS at Mercer County Community in NJ, and writes about web design on his blog, richfinelli.com.

See other products by Rich Finelli

Other recommended products

Related to this chapter

Learning Bootstrap 4 by Building Projects

Learning Bootstrap 4 by Building Projects

Bootstrap is the world's most popular frontend framework to build web applications. You will be using a template that will help you in building different kinds of real world websites such as a social media website, a company landing page, a media hosting website, and a profile page with ease.

Aug 2018 7h 16m

Responsive Web Design with HTML5 and CSS

Responsive Web Design with HTML5 and CSS

This book addresses the challenges you face in making your websites responsive across all screen sizes, and trains you to resolve each of those obstacles by efficiently implementing the latest tools in HTML and CSS.

Apr 2020 13h 36m

Practical Web Design

Practical Web Design

Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design. This book offers you everything you need to know for building your websites.

Apr 2018 12h 16m

Bootstrap 4 Cookbook

Bootstrap 4 Cookbook

Bootstrap, one of the most complete frameworks, is perfectly built to design elegant, powerful, and responsive interfaces for professional-level web pages. It supports responsive design by dynamically adjusting your web page layout. Bootstrap 4 is a major update with many impressive changes that greatly enhance the end results produced by Bootstrap. This cookbook is a collection of great recipes that show you how to use all the latest features of Bootstrap to build compelling UIs.

Jun 2017 11h 16m

Learn to Create WordPress Themes by Building 5 Projects

Learn to Create WordPress Themes by Building 5 Projects

This book will help you take your first steps in the WordPress theme development process, with 5 different projects centered around creating unique and responsive WordPress themes. By the end of this highly interactive book, you will have the required mastery to develop enterprise-grade WordPress themes from scratch.

Dec 2017 15h 16m

Jan 2017 4h 28m

Mastering Bootstrap 4

Mastering Bootstrap 4

Bootstrap 4 is a free CSS and JavaScript framework that allows developers to rapidly build responsive web-interfaces. This book will help you adapt and customize Bootstrap to produce enticing websites that fit your needs.

Feb 2018 11h 48m

The HTML and CSS Workshop

The HTML and CSS Workshop

The HTML and CSS Workshop equips you with the practical knowledge to create modern responsive websites. From mastering simple HTML markup and CSS tags, through to integrating media queries and animations to create a rich, engaging user experience, you'll build your skills with the help of hands-on examples and activities.

Nov 2019 23h 20m

AMP: Building Accelerated Mobile Pages

AMP: Building Accelerated Mobile Pages

Google introduced the Accelerated Mobile Pages (AMP) project to give mobile users lightning-fast response times when accessing web pages on mobile devices. AMP delivers great user experiences by providing a framework for optimizing web pages that otherwise would take much longer to load on a mobile platform. This book shows how to solve page performance issues using the mobile web technologies available today. You will learn how to build instant-loading web pages, and have them featured more prominently on Google searches. If you want your website to succeed on mobile, if you care about SEO, and if you want to stay competitive, then this book is for you!

Oct 2017 12h 20m

SVG is considered an important aspect of animating your web applications. Its cross-platform markup along with the combination of modern web technologies proves to be a great combination for web designers and developers. This book will show you the different facets of SVG and the various considerations and prerequisites for animating with SVG.

Sep 2018 10h 24m

Responsive Web Design by Example

Responsive Web Design by Example

Desktop-only websites just aren't good enough anymore. As you enter a future of increasingly diverse browsing methods, you need to know how to build websites that are presentable and will work perfectly with the huge volume of different device sizes and resolutions that are now commercially available. Responsive web design is an answer to the problem of modern web development. By following the detailed step-by-step instructions, previews, and examples mentioned in this book, you will learn how to build engaging responsive websites and upgrade your skills as a web designer.

Dec 2017 9h 44m

Hands-On UX Design for Developers

Hands-On UX Design for Developers

This hands-on guide will teach you simple-to-advanced steps of user experience design. It starts from idea concept evaluation, product research, user interface design, and design implementation in code. We focus not only on the UI or design, but also on other things that are connected to it. UX has its own process that requires its own sets of skills or tools, so we will go from sketching ideas on paper, creating wireframes, designing interfaces, and creating prototypes to controlling design versions and implementing design in code.

Jul 2018 11h 40m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.

Jul 2024 8h 28m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

FastAPI Cookbook

FastAPI Cookbook

This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.

Aug 2024 11h 56m

Mastering Spring Boot 3.0

Mastering Spring Boot 3.0

This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.

Jun 2024 8h 32m

Nuxt 3 Projects

Nuxt 3 Projects

This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.

Jun 2024 7h 40m

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.

Sep 2024 10h 4m

Full-Stack Web Development with TypeScript 5

Full-Stack Web Development with TypeScript 5

The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.

Mastering Flask Web and API Development

Mastering Flask Web and API Development

The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.

Aug 2024 16h 28m