CS50 Notes

HTML is a markup language that defines the structure of a web page. CSS stands for Cascading Style Sheet.

/

CSS selectors:

1. Element type

2. id: we use hashtags(#) . No two elements can have the same id and no element can have 2id’s.

3. class: two elements can be in the same class and one element can be in two classes. we use period (.)

   Specificity order for CSS select

   1. Inline (what we wrote in the line)

   2. Id (the id we gave it)

   3. class (the class we gave it)

   4. type (like h1)
      This means, Inline is the most specific and id after, class for the third place and type for the last one.

The difference between ul li and ul > li is that the former is descendant which means that it can also include the grandchildren too but for the latter it is only for the children.
when u want some attributes to change when a button is hovered over u use button:hover in the style part of the code and for when clicked u use button:active. and ofc u have to specify the changes that u want to happen.