CSS stands for Cascading Style Sheets, but that’s probably not abracadabra for you just yet. Put more simply, CSS is a programming language that you can use to design a website. WordPress themes contain all kinds of codes. HTML and CSS can be used to indicate how certain elements are displayed.
There is a style.css file in every WordPress theme. It contains all kinds of lines of CSS code that determine what a WordPress website looks like.
CSS is a programming language that is not very difficult to learn because many codes actually speak for themselves. There are numerous websites with CSS tutorials to help beginners discover the language. Because it is relatively simple, you can often decipher a lot of code by reading it and possibly adapt it.
Every modern browser has a special mode for developers. In Google Chrome, you can open it by right-clicking an image, text passage or element on the website and choosing “Inspect” from the context menu. There you can view the style of each part and change it on a trial basis. The browser knows all the available properties of an element and helps you with automatic text completion.
An overview of CSS properties is, of course, always useful. Still, you cannot just use every feature from this overview, because not (yet) all browsers can handle every element well. If you click on a property from the summary, you will be taken to a page with more information. Under the heading Browser Support, you can read from which version a particular browser “understands” this feature.
The CSS3 generator (css3generator.com) easily creates the desired layout. Easy if, for example, you want to do “something with shadow”, but you don’t yet know how to convert this into CSS. So it is a matter of copy and paste.