0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

The HTML and CSS Workshop

You're reading from The HTML and CSS Workshop Learn to build your own websites and kickstart your career as a web designer or developer

Product type Paperback

Published in Nov 2019

Publisher Packt

ISBN-13 9781838824532

Length 700 pages

Edition 1st Edition

Languages

CSS

Concepts

Web Design

Authors (4):

Lewis Coulson

Brett Jephson

Matt Park

Marian Zburlea

View More author details

Table of Contents (15) Chapters

Preface

1. Introduction to HTML and CSS FREE CHAPTER

2. Structure and Layout

3. Text and Typography

4. Forms

5. Themes, Colors, and Polish

6. Responsive Web Design and Media Queries

7. Media – Audio, Video, and Canvas

8. Animations

9. Accessibility

10. Preprocessors and Tooling

11. Maintainable CSS

12. Web Components

13. The Future of HTML and CSS

Appendix

13. Future of HTML and CSS

Activity 13.01: Button Library

Solution

After creating the Activity 13.01.html file with the markup, the first task is to add styles for the primary button. We do this by adding a class selector (.button--primary) to our style rules and adding the appropriate styles (background and text color) for the default and hover states (with a :hover pseudo-class):
```
             .button--primary {
                background: #f44336;
                color: white;
                font-weight: bold;
            }
            .button--primary:hover...
```

The rest of the chapter is locked

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

The HTML and CSS Workshop

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 €18.99/month. Cancel anytime

Authors (4)

Lewis Coulson

Lewis Coulson

Lewis Coulson is a senior frontend developer with over 10 years of commercial experience. He has worked at a range of organizations ranging from creative agencies to government departments.

See other products by Lewis Coulson

Brett Jephson

Brett Jephson

Brett Jephson is a product engineer specializing in frontend engineering and design systems. He has worked in media, games, and app companies for many years, putting all the latest and greatest web technologies to use in many interesting ways while championing accessibility and good UI.

See other products by Brett Jephson

Matt Park

Matt Park

Matt Park has been a web developer since 2007, and has worked for various web agencies around the UK and built many iconic brand websites over the years ranging from startups to large corporations. He currently works as a senior front-end developer for The Constant Media, and is involved with working with many high profile brand websites daily. Striving for pixel perfection, Matt aims to deliver high quality websites while maintaining high coding standards.

See other products by Matt Park

Marian Zburlea

Marian Zburlea

Marian Zburlea has been into web developing since 1997. His passion is to innovate and design for the future. He is also a proud mentor who helps the masses to jump-start their web developer career.

See other products by Marian Zburlea

Other recommended products

Related to this chapter

Getting Started with Web Components

Getting Started with Web Components

Web Components are the set of APIs that helps you build standard UI functions that work across any browser, with any JavaScript framework. This practical guide will help you fulfill this promise through examples and best practices. It will help you implement the web components in your existing frontend application to let you fully realize the capabilities of web components.

Aug 2019 5h 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

Rich Finelli trains you in the fine points of CSS and the techniques you need to work in the world of responsive, feature-rich web applications. Based on his bestselling Mastering CSS training video, you can now learn with Rich Finelli in this book! So, here Rich shares with you his skills in creating advanced layouts, and the critical CSS insights you need for responsive web designs, fonts, transitions, animations, and for using flexbox.

Oct 2017 17h 24m

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

Jan 2017 4h 28m

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

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

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

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