Cascading Style Sheets (CSS) is a style sheet language that is used to specify how a document that is written in a markup language and hosted on the internet should appear. A little bit of CSS knowledge unlocks an incredible range of web-based design possibilities.
But how do you get started with CSS? Editing CSS is a daunting task, at first. Fortunately, and thanks to the collective knowledge of the internet, there are countless resources available to help you on your quest for learning. In this article, we’ve collected and organized some of the best sites available into one Resource Guide.
CSS is also the language used by Heretto to modify the appearance of PDF documents in our PDF Generator. If you’re looking for specific style guidance for our PDFGenerator, we have a downloadable template guide for you.
List of Resources
- CSS Generators
- Educational Sites
- Code Libraries
- Heretto
CSS Generators
For the “get their hands dirty” kind of learner, CSS generators offer a great way to dive in head first. These generators allow you use WYSIWYG editors and see the corresponding CSS which you can then copy and paste into your project.
Enjoycss
EnjoyCSS is a CSS code generator that allows anyone without knowledge of CSS to build and modify simple things in seconds.
WebCode CSS Generator
WebCode has some really nice toolsets including one for common CSS elements. Just choose what element you want and copy the code when you’re done adjusting.
Education
Want to start at square one? Education is the way to go.
Code Academy
One of our favorite resources for learning the basics of HTML and CSS is Code Academy. It’s free and interactive, making it easy to see the results of your learning.
W3 Schools
W3 Schools is probably one of the most well-known resources for learning any coding language for the web. They have extensive resources on everything regarding HTML and CSS along with many others. W3 schools like Code Academy, have hands-on tutorials and well-documented examples.
Tutorialzine
A large collection of hundreds of tutorials regarding CSS and HTML.
Mozilla
Hosting more than just tutorials, Mozilla has plenty of resources for those seeking to get started and grow when it comes to HTML and CSS.
Libraries
There are many CSS Code libraries out there that contain thousands of code snippets for you to freely use. Here are a few of our favorites.
Little Snippets
A collection of CSS, HTML, and Javascript examples free to use.
CodePad
CodePad is more than just a library of CSS snippets, it’s a place where you can create and share your code and contains a very strong library of snippets and projects to search from.
CodePen
CodePen is also a site where developers can build and share code. It has a nicely organized library to start your search.
Snipplr
With a massive library of code snippets, you can find almost anything on Snipplr. For CSS, just use the category tag to filter results.
We hope that this was helpful in getting you started with styling your content when publishing. If you have any questions about setting up your style templates for our PDFGenerator, let us know using our online chat, contacting your customer success representative, or contacting us.
- Get Started with CSS [Resource Guide] - December 14, 2020
- Webinar: Heretto 19.0 - June 20, 2019
- Webinar: Is Your Knowledge Management Imploding? - March 7, 2019