This project-based eBook will introduce you to Cascading Style Sheets (CSS), a stylesheet language used to control the presentation of websites, by building a personal website using our demonstration site as a model. Though our demonstration site features Sammy the Shark, you can switch out Sammy’s information with your own if you wish to personalize your site.
Alongside HTML and JavaScript, CSS is one of the core technologies of the World Wide Web. If you have some understanding of HTML and are looking to grow your front-end development skills, learning CSS is a great next step.
The first half of this book will introduce CSS through hands-on exercises and the second half of the tutorial series will provide steps for recreating the demonstration website.
By the end of this CSS book, you will have files ready for deploying a website to the cloud, as well as an understanding of how to continue modifying the site’s design with HTML and CSS. You will also have a foundation for learning additional front-end web development skills (such as JavaScript) and frameworks (like Tailwind).
Conditions of Use
This book is licensed under a Creative Commons License (CC BY-NC-SA). You can download the ebook How To Build a Website With CSS and HTML for free.
- Title
- How To Build a Website With CSS and HTML
- Publisher
- DigitalOcean
- Author(s)
- Erin Glass
- Published
- 2020-11-17
- Edition
- 1
- Format
- eBook (pdf, epub, mobi)
- Pages
- 174
- Language
- English
- ISBN-10
- 1735831719
- ISBN-13
- 9781735831718
- License
- CC BY-NC-SA
- Book Homepage
- Free eBook, Errata, Code, Solutions, etc.
About DigitalOcean Introduction A Brief Introduction To CSS How To Set Up Your CSS and HTML Practice Project With a Code Editor How To Understand and Create CSS Rules How To Declare Values For Multiple Properties In a CSS Rule How To Style Images With CSS How To Create Classes With CSS How To Create IDs with CSS How To Create Pseudo-classes With CSS How To Style the HTML <div> element with CSS How To Adjust the Content, Padding, Border, and Margins of an HTML Element With CSS How To Set Up Your CSS and HTML Website Project An Overview of Our Demonstration HTML and CSS Website How To Style the Body of a Website With CSS How To Build the Header Section of Your Website With CSS (Section 1) How To Build the About Me Section of Your Website With CSS (Section 2) How To Build a Tiled Layout With CSS (Section 3) How To Add a Resume or Employment History Section To Your Website With CSS (Section 4) How To Add Your Educational History and Skills To Your Website Using CSS (Section 5) How To Create a Featured Quote Box On Your Website Using CSS (Section 6) How To Create a Static Footer With HTML and CSS (Section 7)
