ImAlpha/OdinProject
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

tried inspect page

Browse Source
This commit is contained in:
Jacob Delgado 2023-04-05 05:13:54 -07:00
parent 18b4d77089
commit e9c54ec2c8
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Markdown/TheOdinProjectNotes.md
View File

@ -762,6 +762,9 @@ p {
``` ```
- There are no selectors because it's being directly applied to the content - There are no selectors because it's being directly applied to the content
- It is useful though if you want to add a *unique* style for a **single** element - It is useful though if you want to add a *unique* style for a **single** element
### Inspecting CSS on a Webpage
- By right clicking a web page, you can then choose to inspect
- Within the styles tab you can live preview changes made to the css of the page to fit your preferences without changing the source code
### Assignment ### Assignment
1. Go to our [CSS exercises repository](https://github.com/TheOdinProject/css-exercises), read the README, and only do the exercises in the `foundations` directory in the order they’re listed, starting with `01-css-methods` and ending with `06-cascade-fix`. 1. Go to our [CSS exercises repository](https://github.com/TheOdinProject/css-exercises), read the README, and only do the exercises in the `foundations` directory in the order they’re listed, starting with `01-css-methods` and ending with `06-cascade-fix`.
2. Remember the Recipe page you created as practice from the previous lesson? Well, it’s rather plain looking, isn’t it? Let’s fix that by adding some CSS to it! 2. Remember the Recipe page you created as practice from the previous lesson? Well, it’s rather plain looking, isn’t it? Let’s fix that by adding some CSS to it!