# CSS Concept Brush up CSS is meant for styling. Needless to say not every web designer needs to be an expert at it, but it surely benefits to know the basics and understand it. We are going to give you a quick CSS concepts brush off on the fundamentals, for a more specific learning resource on basics HTML/CSS check out: :::warning [Interneting is Hard](https://www.internetingishard.com/) ::: ## Different ways of implementing CSS Following image is from this resource and I suggest you read their section on the cascade also which is very easy to understand. ![](https://i.imgur.com/oOBaxOL.png) Targeting elements happens in three main ways, either by the type of element, a class assigned or an Id. An element type like H1 will style all elements that are of the same type. A class name with target all elements who share that class which you assign. An Id is specific to a singular element and can only be used on one element. Specificity is a concept which simple dictates the following rule: The most specific will take precedent and replace the least specific. Here is a the easiest way to understand it: <!--This is an HTML page--> ``` <head> <link rel="stylesheet" href="styles.css"> </head> <body> <style> h1 { color: red; } </style> <h1 class="title" id="heading" style="color:blue;">Hello World</h1> </body> ``` ``` /* This is a CSS sheet */ body { color: yellow; } h1 { color: green; } .title { color: white; } #heading { color: black; } ```