HomeОбразованиеRelated VideosMore From: DevTips

CSS Basics (Part2) — Cascades

1041 ratings | 55515 views
Today we look at a few (not all) of the ways that styles "cascade". SPECIAL THANKS to our guest-host Los! www.losmontoya.com ------------------------------------------------- # 1 The first way stylesheets cascade, is that a single style can effect multiple HTML elements. For example, let's say we have a few paragraph tags. Then let's say that we change our mind and we want all of our paragraphs on our website to be red. We can write one simple style to do this. All of the elements that match the criteria of that style rule, will be effected by it. In this case, every paragraph. Notice That our list was not effected. # 2 The second way that stylesheets cascade is similar to the first, but reversed. That is, one html element can be effected by many styles, in different ways, all at the same time. Let's say we write a general style that makes all of our paragraphs have red text, and then later on we target the first paragraph and make it 18px large. It is now both red and 18px large. See? Cascading. # 3 The third way they cascade is what allows us to use the powers of stylesheets to make large scale websites. In this way, one stylesheet can be applied to many pages across a website, or even multiple sites! For example, on my website I have many pages, on all of those pages I have the same header. This is super easy to accomplish with CSS. I just link all the HTML pages to that same style sheet.
Html code for embedding videos on your blog
Text Comments (160)
cody owens (2 months ago)
these dudes are high as shit LMAO
Andy Medina-Cue (8 months ago)
It's too bad your vids don't have the views or subscribers you need. Your comedic timing is outstanding.
Christie Williams (10 months ago)
Subscribed! I am a new fledgling web developer. Thanks for the videos to reinforce my learning
sagni bogale (11 months ago)
I hate css. ..how to love it
ONEDB (11 months ago)
You look like Drake man
John C (1 year ago)
subscribe for the slap...
lalaithan (1 year ago)
LOS MONTOYA'S LINK DOESN'T WORK I AM DEVASTATED HOW COULD YOU NOT UPDATE THINGS
The Destroyer (1 year ago)
Gaylord. I learned what you're teaching but I don't like you.
The Destroyer (1 year ago)
Gaylords*
kabztube (1 year ago)
Lol looks as if they get high before every video 😂😂😂
kabztube (1 year ago)
lalaithan yup same here haha😂
lalaithan (1 year ago)
High on lyfe.
Mr. Volunteer (1 year ago)
Your presentation is good ... but TOO MUCH slapstick comedy distracts the viewer's attention span. Tone it down just a little bit.
Yan Yan (1 year ago)
You Guys are so cool! Why did you not make the Subscribe on the screen clickable?
Dontsay Moore (1 year ago)
Your friend Los has a much better sweatshirt than you do. So we like him better now. (Just kidding.) PS On his next guest spot, try the dick thwap with the back of the fingernails when he's not looking to get him back.
James Mansfield (1 year ago)
lol He rubbed the wrong cheek
gene (1 year ago)
Your presentation style is what every CS teacher should use.
John Richardson II (1 year ago)
You are awesome!
Martin (1 year ago)
what a slapper
12isomus (1 year ago)
Los got that pimp slap down XD. you guys make learning so fun! subscribed for life!
Rainbow (1 year ago)
So fun to watch! But as a recruit to CSS, I'm lost at your 2nd point. Can explain it using another example? Keep up the good job, dudes!
SHAHED RAHMAN (1 year ago)
that't awsomely very clear concept you are given in the video keep going i liked  it
Ankit Singh (1 year ago)
JavaScript basics and advance series, JQuery Basics and Ajax Basics Series ?
Shahed Nur (1 year ago)
what is the proper way to vertical alignment?
tenlegdragon (1 year ago)
I'm watching this as much for the songs in the end as the actual info...
Darcy Cardinal (1 year ago)
I wish all the WIX commercials would stop playing on all your vids, I don't like lazy designers.
Cagri Ozarpaci (1 year ago)
Thank you so much Travis you are really funny person :D
Kid Named AJK (1 year ago)
Will u release EP with those songs, I'll definitely download it Nice video tho
Marcus Lindblad (1 year ago)
OMG dat slap tho hahahaha made me laugh so hard. Thanks for bringing these basic ones ages ago. Tried getting onto Bootstrap Jekyll and all friggin frameworks and SSG's but I finally realized I need to know HTML5 and basics instead of jumping on to frameworks. U da bawz, I'll be in the patreon once I got my sites up n running
Baka chan (1 year ago)
the sexual tension is strong between these two
Bagus Rahmat Santoso (2 years ago)
i like how he slap you ,, hahahahaha
RG Vignesh (2 years ago)
Travis, you're so awesome. Please do videos on JavaScript man, please. I know you will make really creative.
Sam Finoh (2 years ago)
you are good man! your presentations are awesome and not boring at all
Natali Stefanovska (2 years ago)
The music that is playing in background distracts me... Everything else is great
RG Vignesh (2 years ago)
Natali Stefanovska, that is the one which keeps me going actually. When it's just talking/explaining, psychology you will feel bored while learning something.
Walid Hassan (2 years ago)
man this is a strong intro looooooool
Daniels#1706 (2 years ago)
Wow this rеаlly works, today I did previously add resources oooon Casccсcadе, I will come back аnd try again tomorrow, I have saved the link for you guуs. https://twitter.com/5bd4fe96e5162f2a5/status/779266689200295937 CSS Basiсs Part2 â Casсadeees
Ronaiza Card (2 years ago)
I learn and I laugh a lot with you! thank you
Alejandro Lara (2 years ago)
What software do you use on minute 1:42 to make this slides +DevTips
Green Coder (2 years ago)
I love the way you use to present information. It's the music the topic and... - you of course ;) But I cannot click the subscribe button - you can only click it once :P
Adykai (2 years ago)
liked <3
TheThoughtherder (2 years ago)
Great videos! Also love the ending song reference to "Safety Dance". I remember when that song came out. Thank you for these videos, they are helping me with my coding endeavors.
Courts (2 years ago)
I subscribed purely because of the 'subscribe' song at the end. Shenanigans.
Stephanie Reardon (1 year ago)
ME TOO! Haha safety dance
DevTips (2 years ago)
It worked!!
Ludilo Mozga (2 years ago)
HEY HEY HEY,where is that sound from,please give me link
coffeebot3000 (2 years ago)
Slap. That's it. Slap. Also, completely helpful. Thanks.
thisIsMe (2 years ago)
+DevTips dude, how many times were you hit in the face before you got that take right? hahahaha
Daniel C (2 years ago)
Great great vid. Thx!
DevTips (2 years ago)
You are welcome!
Sheri Miles (2 years ago)
ur the coolest i ever seen, and u have helped me bunches!
STEPHEN ADONIS (2 years ago)
and boring song haha
STEPHEN ADONIS (2 years ago)
u real good
Himedere Miku (2 years ago)
I still don't know wtf is going on..
Lilsleezy Jr (2 years ago)
Are you related to Drake?
DevTips (2 years ago)
Cause I got that HotlineBling
Lilsleezy Jr (2 years ago)
From a glimpse, you look alike Drake hahaha..
DevTips (2 years ago)
I know a guy named drake
Kuba Ww (2 years ago)
WHY AREN'T YOU FAMOUS YET :DDD? btw that's how teaching should look like, good job guyz!
DevTips (2 years ago)
I am famous! haha, no really. Don't care tho. Thanks for watching :)
edgar gil (2 years ago)
Thank you for this video. Good to see web designer/developer acting a fool.
DevTips (2 years ago)
:D
Louphy z (2 years ago)
1:53 Cascade....
Javier Espinoza (2 years ago)
Duuude 0:03, That Bitchslap!
Susan Suda (2 years ago)
fun.
DevTips (2 years ago)
Thanks!
Jenae Robinson (2 years ago)
Thanks for your tutorials...so AWESOME
DevTips (2 years ago)
You are welcome!
jk0r (2 years ago)
That was hilarious!
DevTips (2 years ago)
haha, glad you liked it!!
Genevieve8002 (2 years ago)
Thank you! Very fun!
DevTips (2 years ago)
You are welcome!
Jonathan McLaren (3 years ago)
aww, I don't think you deserved that... ...or did you?
DevTips (3 years ago)
Always!
Edragoninja (3 years ago)
That song at the end is amazing
Edragoninja (3 years ago)
You guys have the best spelling evar
irakli iakobishvili (3 years ago)
subscribing song is amazing :D
Danny (3 years ago)
+irakli iakobishvili best part
DevTips (3 years ago)
Awesome!
Michael Malotte (3 years ago)
.Travis{ display: fresh; text-decoration: woooord; content: such info; } alert('Thanks for making a million videos I'm watching all of them.')
DevTips (3 years ago)
var response = reply('Thank you!');
Heart Verge (3 years ago)
hey man good videos,learning a lot.just wanted to know how many of and the difference in css and into how many there are and html to html5.do i have to know them all ? and thanks
DevTips (3 years ago)
I don't understand the question :(
Dsign FX (3 years ago)
Hey! he could play Los Solo and you could be Travis Zoolander. You'd understand what I mean based on my comment on your previous CSS Basics (Part1) video
michal_J (3 years ago)
great, when your friend hit you I spilled my coffee all over my self xD
STEPHEN ADONIS (2 years ago)
like seriously
michal_J (3 years ago)
+DevTips no problem :DD
DevTips (3 years ago)
+Uncontrolled DK haha, sorry!
LNWPOR tc (3 years ago)
that slap must be hurt. lol
DevTips (3 years ago)
+LNWPOR tc Hahah, Los is a teddy bear
Ravi Kumar (3 years ago)
which css property is used to put the image at center plz clarify my  this doudt
Ravi Kumar (3 years ago)
but sir if use margin auto or 0 it will put a img to left side of the browser not at center position
DevTips (3 years ago)
+Ravi Kumar often we do "margin: 0 auto". That will do it.
Brandywellbhoy (3 years ago)
What a cute couple :/
Morgan Ayodeji (3 years ago)
Hello Luis. That slap brought back some sanity. CSS is never boring to learning. Thanks guys.
DevTips (3 years ago)
:)
Dervz (3 years ago)
nice vids, BUT PLEASE STOP PLAYING THIS AWFUL DUBSTEP ((
DevTips (3 years ago)
Then start. I know that sounds simple/stupid, but that will be the biggest teacher for you. Jump into the deep end. Make something for someone, worry about getting paid later. Make something today.
Dean Vassil (3 years ago)
+DevTips quick question man, I've dipped my toes in html/css/js & jQuery thru you & other sites/ videos. I really wanna make front end development my life, I've been trying to nail everything there is on html/css. W3schools, your vids, other vids. Any advice on how to get it down the quickest i.e. sites, books etc..? I really love the industry & nothing makes me love it more than being flat broke lol. I really wanna start asap.
DevTips (3 years ago)
:)
Dean Vassil (3 years ago)
+DevTips ahahahahaha. This was great.
DevTips (3 years ago)
This video is a year and a half old.
Roberson540 (3 years ago)
"that's why I slapped you" - haha!
DevTips (3 years ago)
┌| ◔ ▃ ◔ |┐
Brian Peffly (4 years ago)
Great work on your vids....
DevTips (4 years ago)
Thanks Brian!!
Eric Follows (4 years ago)
Men Without Hats' little-known Gregorian remix? Love that jam.
Turk Helal (4 years ago)
awesome !
DevTips (4 years ago)
Glad you enjoyed it!!
pta2002 (4 years ago)
HAHA UR EVEN MORE FUN THAN BUCKY!
pta2002 (4 years ago)
xd
DevTips (4 years ago)
Fun! HA!
You were born for this! Keep it alive :)
DevTips (4 years ago)
Thanks :) I don't have a plan for stopping.
Adrian Hoyle (4 years ago)
Great for review.
DevTips (4 years ago)
Love the fundamentals!
RockstahRolln (4 years ago)
You guys are talking durrrty… Cascading… Mmmmmm…. LOL!! Great job you guys!!
DevTips (4 years ago)
+RockstahRolln Haha, I'm really glad you like it :))
Thiago Davoodifar (4 years ago)
You guys make such a cool team!
DevTips (4 years ago)
That's exactly the idea :)
Thiago Davoodifar (4 years ago)
I look forward to it! The world could do with more human humans :)
DevTips (4 years ago)
Los is awesome. We are planning something together now. Won't be available for a month or two, but plan on hearing more from him. :)
Anna O'Dea (4 years ago)
thankyou
DevTips (4 years ago)
Welcome :3
Jovan Vukovic (4 years ago)
Just watched this video, all your tutorials so far are great. But after watching this one i have to ask, is growing a beard mandatory for web designers?
DevTips (4 years ago)
yup. Hahah, no. Just the lazy ones.
Kaysha (4 years ago)
Great videos. Can't wait to learn more
DevTips (4 years ago)
Awesome. I'm so glad you found them helpful!!
Kaysha (4 years ago)
+DevTips Well, after watching the HTML & CSS series, I found what I needed. thank you so much. About to watch the rest and upgrade my knowledge.
DevTips (4 years ago)
I'm sure its in there.
Kaysha (4 years ago)
+DevTips hopefully it will help me understand why I can't make one element appear in my website lol... Keep it up
DevTips (4 years ago)
Thanks +Kaysha I'm glad you like them :)
BladeAurora (4 years ago)
awesome vid! i learn a bunch! do you read old comments?
DevTips (4 years ago)
No, but I do read new comments on old videos. I try my hardest to answer all comments :) Thanks for watching!!
Anderson Toledo (4 years ago)
I clicked the subscribe button.  :D
Dylon Smith (4 years ago)
videos are really short, dont like that!!
DevTips (4 years ago)
Haha! Thanks! (I think)
The Hash (4 years ago)
+DevTips I came. But seriously, bro, I absolutely love your way of teacher. It's so darn visual, and is the best for me personally. Ty ty. ^_^
Dylon Smith (4 years ago)
Awesome
DevTips (4 years ago)
They get longer as we go. These vids explain a lot of principals, later we code together which makes for longer vids..
Brandon Mifsud (4 years ago)
I'm learning a lot from this tutorials! Thanks! :) Great and Awesome VIDEOS! :)
DevTips (4 years ago)
:)
Brandon Mifsud (4 years ago)
Your Welcome and I will! :) 
DevTips (4 years ago)
Thanks for saying so man, I appreciate the share!
Mustafa Adam (4 years ago)
I like your videos. They are lightweight and easy to digest and focus more on the big picture rather than the gory details other channels focus on. I think  many people will like your style of "cool" teaching. The editing and the nice colors and resolutions is similar to usual entertainment youtube channels that gain a lot of followers and subscribers. HOWEVER, for the love of god, stop trying so hard to make the videos cool. There's too much distraction and umm i guess you would call it "jokes" that kill the flow of the information delivery. Take this video for example, why the hell are you standing next to him like your shooting a freaking rap music video ?!?! Tone down the desperate "I'm cool" vibe and maintain a balance between the fun and learning. 
DevTips (4 years ago)
Thanks for the praise and criticism +Mustafa Adam , I appreciate the honest feedback. As a new YouTuber, it's not an easy thing to find the right 'voice'. This video in particular is kind of silly and fun because my friend Los just brings that out in me. He's a really fun guy. I can't promise that things will get any less cool (or desperate) in the future, but I feel like I'm slowly coming into my own as I make more and more of these. Thanks for watching this far, I can't wait to hear what you think of the other ones. If you have any questions, or want to learn anything special, I'm always here!

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.