CSS SELECTORS MADE EASY - HTML CSS Tutorial for Beginners

No video

CSS SELECTORS MADE EASY - HTML CSS Tutorial for Beginners

Рет қаралды 289,923

LearnCode.academy

Күн бұрын

Пікірлер: 112

@phanirithvij 5 жыл бұрын

CSS is what defines the beauty. JavaScript the logic. HTML the format.

@prouddesk6577 4 жыл бұрын

HTML = Builder CSS = Artist JavaScript = Wizard

@4TH4RV 4 жыл бұрын

@@prouddesk6577 my analogy: HTML : Skeleton (defines and builds a foundation) CSS: Skin (Appearance) Javascript: Nervous system (controls everything)

@mal3k 4 жыл бұрын

@@4TH4RV OMG!, This so exactly similar.

@amol_thakurdware 2 жыл бұрын

Well said! 😊

@nvermr 2 жыл бұрын

@@4TH4RV human anatomy in code

@willisvensson 3 жыл бұрын

I did two webbcoding classes in school. Then I haven't coded for about a year, so I watched this to refresh my memory, and let me tell you DAMN! You cover way more material than I learnt on my courses in a much more compressed time. Great tutorials, thank you!

@Sergiorius_Terrible 5 ай бұрын

which country do u live btw?

@oscwavcommentaccount 4 жыл бұрын

These are probably the best HTML tutorials I have watched.

@noahm.9091 3 жыл бұрын

I've had a website domain sitting around for a month and a half. finally got motivated to start and this series has taught me everything I need. Thank you!

@chaeriz 2 жыл бұрын

how did it turn out?

@YourMomsSideDude 3 жыл бұрын

I have watched and bought so many courses on HTML, CSS, and JavaScript, but these are the best! And they're bite-sized which helps a ton. Thank you!!!

@tapasranjanpaul6743 4 жыл бұрын

I am 14 year old student I understood web development easier than my studies , thanks for making such a video ,thanks

@indigoxalis 4 жыл бұрын

Thank you so much for your tutorials! I've been binging them the past couple hours and feel so much more comfortable with HTML and CSS! I can't wait until I can create my own webpage.

@CommonWealthSnow 2 жыл бұрын

How's it going?

@amgdeg4897 2 жыл бұрын

we need to know please

@zandbergx9747 4 жыл бұрын

Best tutorial I've ever watched. Also the best coding tutorial I've seen in general (that isn't a book)

@novaplex4763 5 жыл бұрын

Please continue this series it is amazing and very good at teaching code. I need more of this

@reubenjoji7091 Жыл бұрын

This course has actually helped me to refresh my memory on HTML and CSS.. THanks a lot daddy!!

@Inarius999 4 ай бұрын

yooooooooooooo

@scottsaccenti 5 жыл бұрын

This is really good, and while you can find so many free resources like this one online to help you understand these concepts, I have yet to find a better one for clear, quick, concise instruction. Thanks a bunch for making these.

@renspolak6154 3 жыл бұрын

This is the first episode that i start to think its hard to learn!

@deansofic914 22 күн бұрын

cause he fucked up

@jeffroper1218 5 жыл бұрын

I love the tutorials but this one feels like I've missed one. In which tutorial was the code for test.html written?

@seyit3552 5 жыл бұрын

He has written test.html before the video.

@jkremis1423 4 жыл бұрын

This just seems to be kind of a follow-up to the regularly scheduled html/css project he's been working on. This expands upon on the use of commands in CSS past the most basic things like background: or color:. You didn't miss anything, this is just extra info for the long haul :)

@dawin6710 4 жыл бұрын

I don't know who you really are. But you are doing an amazingly great job with these tutorials. I believe you're want people to understand and get autonomous. Thanks.

@hardstylerzPL 5 жыл бұрын

9:45 Maybe I'm missing something but :active will not be applied when you are on the /home page but it's applied for only a moment just after clicking a link (after mouse down and before mouse up) so it allows to select a link while it is being activated.

@talhabinzubair8464 4 жыл бұрын

same

@brucewayne4036 5 ай бұрын

Watched this with my dad we are building websites now in pur free time i replaced codin/programming with gaming its alot more rewarding and satisfying

@Witchkart 2 ай бұрын

you have been so happy in all the tutorials before this, but here you sound kinda exhaused. I know its 5 years ago but I hope you're alright! also thank you for your content! you're really helping me!

@adarshp6930 4 жыл бұрын

Awesome dude, love the way you've detailed everything.

@berniceagbenorxevi973 5 ай бұрын

best most simplified web development videos..... amazing🥰

@Numonique 5 жыл бұрын

'Thank you very much, I'll be here all week.' Your course is informative and funny. Had a good laugh. A great way to learn this all! :)

@christianek.963 4 жыл бұрын

I liked your video, thank u!! Btw you need ID's for an 'anchor link' and for a 'target selector'.

@tomzhao8262 5 жыл бұрын

This needs 1M views

@snaek 4 жыл бұрын

Maybe like 10 mil

@jerwellsavella97 3 жыл бұрын

Sometimes you just wanna mess with the first child, lmao that one sent me.

@rasulali4690 4 жыл бұрын

"This is the ugliest navbar of all time"... Amen brotha

@guest_adev616 3 жыл бұрын

amen

@TR011TIM3 5 жыл бұрын

Thank you so much for all this tutorials, im building my own website and want to learn more! hope you could continue with these tutorials

@skitspits 5 жыл бұрын

Thank you. For some reason the .class doesn't work but the # does! thanks for the tutorials keep it up!

@shivamraval6172 5 жыл бұрын

love your vids watching since a long time, just some advice theres a live preview plugin built into vs code since you use it so do i. theres also a wrap text setting which would make life easy for ya, was hectic for me. enjoy man love ya vids got me from zero to hero at web scripting

@amgdeg4897 2 жыл бұрын

how is it going now man

@evandixondesigns6751 4 жыл бұрын

This is so helpful! Thank you!

@deepakrathore7723 4 жыл бұрын

i love to watching your tutorials you made everything easy thank you sir

@Skrattoune 3 жыл бұрын

This one is really a must watch ! thanks for it

@niloykabir4426 5 жыл бұрын

excellent tutorial with great speaking skill... keep the series going

@farrukhatabekov595 5 жыл бұрын

Great tutorials, man!

@amerrashed6287 4 жыл бұрын

Ids for selecting form elements, buttons, inputs, etc. Classes for any other else.

@reclearning558 3 жыл бұрын

Ya these are awesome tutorials dude, thank you.

@oleksandrsokolov4496 4 жыл бұрын

Your voice is beautiful !

@elisabethabia4781 2 жыл бұрын

Very helpful! Are there more videos on creating the page layout?

@robertbutcher222 3 жыл бұрын

Wouldn’t using a css selector like “section.class-name” be cleaner than just “.class-name” since it tells you what the class is on, making it easier to remember precisely what your targeting?

@gadafijaphaly2767 3 жыл бұрын

stunning tutorial

@satyajitchattopadhyayyt 4 жыл бұрын

You are a great teacher..

@SarraSarra-dk7qp Ай бұрын

I did the same code but the navigation bars came one under another instead of on the same line, any idea why or how to fix it ?

@jeromekentbayubay Жыл бұрын

Thank you very much!

@jordanpotoski8203 4 жыл бұрын

Is it better to use ID's or Classes? Or does it not matter particularly? Thanks!

@blessingmaneta4480 4 жыл бұрын

Appreciate it work. Education changes ppls life

@kritishah1659 3 жыл бұрын

Thank you sir, very informative video to learn CSS Selector. These days I am hearing a lot about SelectorsHub CSS Selector tool, hows that tool sir?

@gregscolumn 4 жыл бұрын

Have a problem getting the display flex working well.. all sections looks jammed together

@zensasquatch4627 5 жыл бұрын

Thanks for making these vids dude. I was finding them really helpful but the the past 2 clips are impossible for me to read the code that you are typing. It is displayed way too small on my screen and the way that youtube auto sizes the clip means that zooming In / out with the browser doesn't help. Is there any way you could make the code appear larger and more readable please? ♥

@razeev4685 5 жыл бұрын

Thanks very Helpful :)

@pelumimustapha4146 2 жыл бұрын

You are a great teacher, lucky to come across your page. Do you have other courses JavaScript/Phyton/C+ and more detailed information on Html/Css on Udemy?

@fuadajkic9167 4 жыл бұрын

when i put grey background on first section, my text wasnt visible...it makes me crazy..until i change color..now its fine, il be able to sleep

@gadafijaphaly2767 3 жыл бұрын

ahahahaha

@MathinusG 4 жыл бұрын

Dude...you rock!

@lennard5690 2 жыл бұрын

thx man, so helpfull

@theguyrightthere9056 5 жыл бұрын

Still waiting for the next part...

@clearwavepro100 4 жыл бұрын

Great, thank you!

@user-sl6ou3qb9l 5 жыл бұрын

What does he mean by illegal Was that figurative language or literal

@matiasvaccaro453 5 жыл бұрын

figurative, the thing is that the diferent browsers will not read the page of the same form so a good css practice is not use more than use an id per object, if you got another element use another id not the same. sorry for my bad english

@erikiseki 5 жыл бұрын

lol arrested for using the same id twice on the same page.

@Summer-uc8hr 3 жыл бұрын

is this like an extra vid in the middle of the series?

@mahyamohamadi343 4 жыл бұрын

what do we call other li s in between first and last child? also can we style div s differently ?

@imerla1316 4 жыл бұрын

OMG. dude You are really awesome!!!!

@snaek 4 жыл бұрын

Thank you for so much help.i. the last videos

@10meisterballe 3 жыл бұрын

I think I will use IDs if I want to only style a single element

@demetre6473 3 жыл бұрын

Is it ok to give link () to div_es?

@onesandzeroes 5 жыл бұрын

Shouldn't that be "ul:first-child", not "li:first=child"? The child of "li" would be "a" (so I'm surprised this works).

@jamespierce946 5 жыл бұрын

The video is correct. `li:first-child` is the first `li` in the parent, not the first element within the `li`. Since there is no space between two selectors (such as `li` and `:first-child` or `section.feature-box`, it will not be referring to a nested element). `ul:first-child` would make the background red for the entire `ul` that also happened to be the first within that parent-in this case, the first `ul` on the page.

@F0r3v3r96 4 жыл бұрын

Good work , is not that hard at the end thanks to you .... The funny part is ( I`m ironic ) how the ppl the wached first tutorial didn`t continued ...

@Peedy 5 жыл бұрын

Pounding Frank is illegal

@Edgypenguin 5 жыл бұрын

I came here just for that lmao

@hypegt6885 5 жыл бұрын

Thanks, Can you do one with X-Path?

@carolkelly8848 5 жыл бұрын

These are very nice videos but they are extremely hard to read.. Maybe if the font was larger.

@apporvaarya 5 жыл бұрын

very very interesting tutorial :0

@VadexVx 4 жыл бұрын

hey can u tell me what ide that u use???

@koenterheegde9328 5 жыл бұрын

So where can I find the next video?

@odynnxd 5 жыл бұрын

Hey! The audio is fixed ;)

@amrinjaffni4268 5 жыл бұрын

how often are you posting the video?

@erfanrahmani 3 жыл бұрын

Less than 12 minutes video with 4 ads! I don’t find that mush ads even on TV! It is distracting.

@christiancoleman5870 4 ай бұрын

Dude made a very comprehensive beginners guide to html and CSS that you have access to for free. He's allowed to monetize. If you are that slow just rewind the video

@w.zganiacz3109 5 жыл бұрын

Any chance for a new part ? :)

@hotshots149 5 жыл бұрын

What text editor are you using?

@learncodeacademy 5 жыл бұрын

I'm using VSCode - I show my setup in the first video of this series kzfaq.info/sun/PLoYCgNOIyGABDU532eesybur5HPBVfC1G

@hotshots149 5 жыл бұрын

@@learncodeacademy Thanks!

@aksai0003 4 жыл бұрын

anbody having any whatsapp groups for web development

@SM-jf9gx 3 жыл бұрын

this escalated pretty quickly lol

@codeaxen 5 жыл бұрын

Hello Learncode.academy Thanks a lot for these Tutorials Great work... but have a question in mind, is there a easier way in 2019 for converting a Static web template to a Dynamic one with full administrative controls ??. Thanks

@user-lg8ms8pw6z 10 ай бұрын

Good Good Good Good Good Good Good Great Great Great Great Great Great Great your explanation is good to understand for me, Thank you you you you you God Bless You God Bless You God Bless You God Bless You God Bless You God Bless You

@juraijbinjamal5313 2 жыл бұрын

2:18 I lost it here

@user-gu5cs2wt9g 4 жыл бұрын

You mention getting the point across. I don't get the point at all. Ive watched you spend two lessons doing all sorts of playing around with rules, classes, elements, whatever for these 5 tiny rectangles named a,b,c,d,e. What god are they? Why would anyone want those on a website?