Python for Entrepreneurs Transcripts
Chapter: Course Conclusion
Lecture: Lightning review: web-design-foundations
Login or
purchase this course
to watch this video and the rest of the course contents.
0:02
Next, we took a break from Python to talk about web design. And we started by looking at the power of css at CSS Zen Garden.
0:11
Remember, this is a single static HTML page, and yet the only thing changing here is the css and the images that it pulls in through css.
0:24
So you can really do amazing things with css, often web developers try to kind of ignore css as long as they can,
0:30
if they're kind of new to doing web development, they've come from somewhere else, but taking a moment and really learning
0:37
a few fundamentals of css makes all the difference. One of the most important parts the css is the selector. So here we have a blank css page,
0:46
and we're going to start out and say how do we select maybe by HTML node so you can say I want to work with the body or every div on this page,
0:55
you could just say body or div; if you want to select by class so like here we have a paragraph a p with class equals lead
1:01
we could say .lead, and if you want to specialize this if this was like I want to find all the divs that have the class main,
1:08
you would say div.main, right, so . means class in css basically. Final one is by id, so here we have an image that has an id profile_image
1:19
so we would say #, so #profile_image. Now usually, that's good enough for one page because we only have one id basically unique per page,
1:28
but we also might want to say across the site every time you see a div#profile that part of the site we specifically want to style it differently
1:36
so you can combine the HTML node or things like this you could combine classes and ids, all sorts of things
1:42
you put them together sort of by just using no white space if you will. So selectors are super important and recall that we had this demo app
1:49
that basically lets you type in css selectors and it turns them yellow, so here we're looking at the table that has table rows that are in this month,
1:58
so like only the first four here in this particular month. And you can go here and play around
2:04
and so if you want to explore this some more don't forget that little demo app that you get to play with.