Debugging CSS in Real Time with DevTools
The lecture starts off teaching you a way to discover new CSS properties.
Then you get introduced to the browser Developer Tools, usually called the DevTools. You learn that you can right-click to inspect an element on the page.
You can select an element and see its CSS properties on the side.
You can click the color circle to pick a different color and see the changes in real time.
You can select an element and specify new CSS properties under the element and braces section.
You can use the checkboxes next to the property name to see what it looks like before and after that property is applied.
You can use the DevTools to provide you suggestions for property names as you start typing characters. The DevTools also provides suggestions for the value of the property, so you can go through them and see which one suits better your use case.
Students ask questions in the end.
-
2:55:35
Nitrocross
8 days agoNitrocross Busch Light Race to the Mountains | Round 3 | October 5, 2024| 6pm ET / 4pm MT
43.4K4 -
3:03:41
The Quartering
9 hours agoDonald Trump Elon Musk LIVE Rally In Butler Pennsylvania! Live Commentary & Hangout!
80.9K90 -
4:15:41
Laura Loomer
5 hours agoEP 80: LIVE COVERAGE: President Trump Returns to Butler, PA
64.8K44 -
2:11:01
Jewels Jones Live ®
1 day ago“NO MONEY FOR AMERICANS” | A Political Rendezvous - Ep. 94
58K17 -
5:17:15
Drew Hernandez
20 hours agoTRUMP'S RETURN TO BUTLER PA RALLY
77.5K76 -
1:20:55
-
1:00
steveinman
1 day agoDog sweeps the leg of a tortoise
61K18 -
36:51
Michael Franzese
1 day agoMy time in prison with Menendez Brothers | Monsters Netflix Series Review
122K35 -
1:51:03
Game On!
19 hours agoCollege Football Saturday! Week 6 Preview and Predictions!
103K13 -
1:09:56
I_Came_With_Fire_Podcast
1 day ago"The Truth About Presidential Power, Weak Checks & Balances, & Civic Responsibility"
69.4K24