Тёмный

HTML & CSS for Beginners Part 11: Classes & IDs 

Kevin Powell
Подписаться 941 тыс.
Просмотров 64 тыс.
50% 1

In this video I take a look at what Classes and IDs are in HTML, how they work, and how they differ from one another.
This video is part of a large series introducing HTML & CSS to people who have never used it before. The goal of this series is to give you a good enough understanding of HTML and CSS to let you build your first website on your own!
----
Half Bit by Kevin MacLeod is licensed under a Creative Commons Attribution licence (creativecommon...)
Source: incompetech.com...
Artist: incompetech.com/

Опубликовано:

 

20 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 70   
@MagicSantosharyan
@MagicSantosharyan 2 года назад
Search many video on youtube to learn ccs and html i saw videos in my native language too but you are best of all them. Thanks for being a good teacher ,i really appreciate your efforts. Love from India🇮🇳
@marksiely4747
@marksiely4747 2 года назад
This is the best css teaching I have met - very clearly explained and understood. Many thanks! Keep this good work on!
@superfutbolistas
@superfutbolistas Год назад
Kevin is my fav RU-vidr for learning, nothing exceptional classes. Thank you
@jamamohamed7537
@jamamohamed7537 4 года назад
Hey Kevin. Great series. I’m learning a lot from you. Haven’t seen anything like this. Have you done JS series too?
@UTRG-UnderTheRain
@UTRG-UnderTheRain 3 года назад
Hi I did a little html 20 years ago and never really got into it so I thought I'd come back and start right from basics again and how anyone could fail to learn html and css if they are following these videos I don't know. They're very basic and step by step which is brilliant as people who are proficient quite often don't understand how much they know and how little you know. I recently started to learn java and someone helping me tried to introduce me to java simply but they're level if idiot is still above my level of competence well it was to start with I'm getting it now. Anyway I just wanted to say for an absolute beginner I think these tutorials got at perfect pace I hope to be following many many more of you're courses. Thanks you and keep up the good work I've just done the first 10 and its gone midnight so I have to sleep even though I want to keep going I'll be back tomorrow though :P
@HeavenlyVaulter
@HeavenlyVaulter 2 года назад
You nailed it on the "For beginners" part, i went through lots of guides that were simply too complicated for where i am. This is perfect, and at a good pace!
@TinyMaths
@TinyMaths 3 года назад
Thank you! this and the previous video answered my question. I was trying to figure out how to make a paragraph with varying stylings across different words or phrases, and when you said spans can have classes it clicked. I had wondered; but am still getting the hang of how tags can be manipulated. Learning 'why' things work seems to be as important as learning what they do.
@jeanclaude36
@jeanclaude36 2 года назад
Just found your page!! Great video. I forgot through the year my html and Css, this is a great refresher!!
@Anish-nr2em
@Anish-nr2em 2 года назад
I was confused in divs spans classes and ids! This and previous video helped me a lot! They start making sense to me now! Thankyou so much!😭😭
@ianpeng7518
@ianpeng7518 2 года назад
Clear tutorial for beginners !! Come from your CSS battle videos they are really fun !!! and I like the way you code with the explanation! that's helps me a lot from Taiwan fans!!
@baconpork342
@baconpork342 2 года назад
So, if I give a container an id and a class, my guess is, the id will take priority over class in the stylesheet, am I correct? An example would be, if I define color:red with the class, and color:blue with the id, It'll show color blue, because id is very specific, so should take priority.
@KevinPowell
@KevinPowell 2 года назад
Yup, exactly
@WMWMW7200
@WMWMW7200 7 месяцев назад
you are amazing , you helped me a lot during my study keep the hard work . thank you
@reginajohansson1380
@reginajohansson1380 11 месяцев назад
Great explanation of classes! Thank you Kevin!
@fawy01
@fawy01 Год назад
i know everyone have been through this at least once inn their career but I am overwhelmed by the amount of things that i have to know once i realized how much that i don't know yet ... PLEASE how to overcome this feeling of wanting to know and learn 100 things at the same time
@CrackerJayherber
@CrackerJayherber 3 года назад
Thank you for your tutorials. Much appreciated!
@bidemiomosanya9857
@bidemiomosanya9857 3 года назад
Thank you so much Kevin. Your videos are amazing
@alecweibel5935
@alecweibel5935 5 лет назад
Great videos, loving these so far. By far more in depth than codeacademy. Any suggestions on books about html/css? I just checked out HTML and CSS by Jon Duckett from a library and plan on working through it after this video series.
@KevinPowell
@KevinPowell 5 лет назад
It's a good book. Other than that, I really don't know to be honest! Well, I'd be comfortable recommending anything from abookapart.com
@mujeershariff
@mujeershariff 3 месяца назад
Before watching this video I tried with giving spans a number like and it worked. Can I get an explanation and is it good to use this?
@aromatherapyfrance6212
@aromatherapyfrance6212 6 лет назад
you're so good at explaining all these stuff!!
@KevinPowell
@KevinPowell 6 лет назад
Thanks so much! Glad that it's helping :)
@yavuzselimoksuz6795
@yavuzselimoksuz6795 3 года назад
Thank you so much teacher! It was a nice recapitulation
@ripdoxyyy
@ripdoxyyy 2 года назад
You're such a great teacher thank you Kevin
@cre8509
@cre8509 2 года назад
This is a wonderfully helpful series! Thank you so much for sharing it with us! Also, your voice is pleasantly calm. Calmly pleasant? Anyway, I'm grateful I found your videos.
@snakesandfoxes
@snakesandfoxes 3 года назад
Thank you for this series, It has helped me bridge the gap in my knowledge.
@juanbranca5928
@juanbranca5928 2 года назад
Loving the course! I'm getting to know a lot of stuff thanks to you :))
@KiraPlaysGuitar
@KiraPlaysGuitar Год назад
"background" and "background-color" alter the same property?
@rmcellig
@rmcellig 2 года назад
Your tutorial on html/css is excellent!!! Thanks!!! What are your thoughts on webflow. Is it better to just hand code? Webflow looks like another level of complexity.
@pranavnyavanandi9710
@pranavnyavanandi9710 2 года назад
alt+shift+w covers selected text with a tag, the p is selected, allowing you to write something else in it's place. Very useful when trying to span multiple lines of text.
@DanielDuhon
@DanielDuhon Год назад
What is an example of when to use an ID?
@havoc1378
@havoc1378 2 года назад
why would you use an ID if you can have a class act like an ID instead (only using it once within the page)
@kheilanthonycunanan9855
@kheilanthonycunanan9855 2 года назад
someone said id can also be used in reference to urls or something.
@mercedes7761
@mercedes7761 2 года назад
thank you so much for this video! Your explanations are really helpful
@AbderrahimHouady
@AbderrahimHouady Год назад
great job bro
@dr__ey
@dr__ey 2 года назад
thanks so much for this series Kevin!!! :]
@Financial839
@Financial839 Год назад
Your explanation is better than my teacher hahahhaah
@krishnav6244
@krishnav6244 6 лет назад
Thanks Kevin...But, There is only one "id" to a page means, there is only one id for a particular element..ryt?? or is it like we can create an id for only one element in the whole page?? if it seem's stupid...pls excuse...
@KevinPowell
@KevinPowell 6 лет назад
You can only use an ID once per page. You can have 50 divs, and each one can have an ID, but each one would require a *different* ID.
@krishnav6244
@krishnav6244 6 лет назад
okay..Now it's clear...thank u so much...and one more question...what's the difference between a static website and dynamic website??? thanks...
@nohandle759
@nohandle759 2 года назад
Can't wait to redo my React.js website now that I better understand CSS
@TheCrusaderRabbits
@TheCrusaderRabbits 6 лет назад
Well done.
@KevinPowell
@KevinPowell 6 лет назад
Thanks :)
@JDMorris81
@JDMorris81 2 года назад
Very helpful, thank you sir
@GamingNetwork89
@GamingNetwork89 3 года назад
Wow really awesome 0 dislikes!
@jasurmusaev7234
@jasurmusaev7234 3 года назад
thank you! Kevin.
@mohammadsharifi9989
@mohammadsharifi9989 2 года назад
Hi you are really good 😊
@scarasmash
@scarasmash 2 года назад
sheeesh thanks a lot for these
@CopycatStudiosLA
@CopycatStudiosLA 2 года назад
hi kevin- i found a tutorial where multiple id s seemed to work in one page - is there something new here that i don’t know about? last i heard everyone says only 1 id work on a single page
@ewilks-vd7zf
@ewilks-vd7zf 3 месяца назад
I was confused about "should I use a class or an ID???" thank you for telling me to just use class... lol
@za807
@za807 3 года назад
so goooood and usefull thank u
@Shrinehi1
@Shrinehi1 5 лет назад
ids also supersede classes
@Steelwall44
@Steelwall44 7 лет назад
Another question. How do you make comments in a CSS file? The used in HTML doesn't seem to work haha
@KevinPowell
@KevinPowell 7 лет назад
/* to open a comment and */ to close the comment
@Steelwall44
@Steelwall44 7 лет назад
I was just watching the next video and my answer was in the first minute haha thanks again!
@KevinPowell
@KevinPowell 7 лет назад
Hah, I made this series almost a year ago now, so I thought that maybe I had forgot to mention it!
@gmgm9533
@gmgm9533 4 года назад
Thanks
@arctichippie
@arctichippie 5 лет назад
Thankyou !
@Rhine2271
@Rhine2271 5 лет назад
Thanks Jared for another excellent tutorial!
@SamCo99
@SamCo99 3 года назад
youre the best
@kd4dpb
@kd4dpb Год назад
signed up to newsletter 2 weeks ago no newsletter yet
@KevinPowell
@KevinPowell Год назад
I've been sending them weekly on Sundays... maybe in spam?
@Drunken_cat
@Drunken_cat Год назад
​ in just 10 vids you've taught me more than my actual teacher thank you for creating so many futures even mine
@ultrasoundaudio7844
@ultrasoundaudio7844 2 года назад
Am watching the video from 2022
@millejadecabrera4544
@millejadecabrera4544 4 месяца назад
Good videos but it'll be much better if it is more active and engaging - sorry but your voice really put me to sleep hehe. Might better to increase the voice's volume and add engaging background music during the tutorial? Anyway, thanks!
@theprospector1424
@theprospector1424 Год назад
This will make or break your web design.. it's really confusing
@boneking4791
@boneking4791 5 месяцев назад
you are really bad at this, it hurts to watch you
@nysunra
@nysunra 2 месяца назад
I wish he had energy, his voice dragggggs and trails a lot. Also the ID and CLASS was confusing. The examples got very muddled.
@ReyBanYAHUAH
@ReyBanYAHUAH 2 года назад
Always remember we must repent of our sins (sin is transgression The Law Of Yahuah The Father in Heaven. The Law are The Books: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy). We must repent of our sins and Have Belief On Yahusha The Messiah. HE Died and Rose three days later so that we can be forgiven of our sins! Come to HIM🙂🙂🙂🙂🙂🙂🙂🙂
@beemoore6578
@beemoore6578 Год назад
7:28 Call me Kevin rn: 🧍🏻☘️
Далее
HTML & CSS for Beginners Part 10: Divs & Spans
9:32
Просмотров 85 тыс.
Whats the difference between IDs and Classes?
7:28
Просмотров 3,8 тыс.
When to Use CSS Classes vs Ids
16:07
Просмотров 11 тыс.
5 important HTML concepts for beginners
14:37
Просмотров 118 тыс.
HTML & CSS for Beginners Part 9: External CSS
13:38
Просмотров 87 тыс.
IDs & Classes | CSS | Tutorial 11
10:25
Просмотров 46 тыс.
HTML & CSS for Beginners Part 6: Images
7:34
Просмотров 142 тыс.