you are the only teacher out there that actually explained this with detail and ease. i cant thank you enough! your teaching is simple and amazing. thank you.
HTML Source: The Header1 is a block element The Paragraph is a block element The DIV is a block element The Header2 is a block element The DIV2 is a block element The Paragraph in the DiV2 is still a block element Another Paragraph in the DiV2 is still a block element The Header3 is a block element The DIV3 is a block element The Paragraph in the DiV3 is still a block element Another Paragraph in the DiV3 is still a block element
DIV4 BUT EVERYTHING GETS THE BOX MODEL A span is INLINE A span is INLINE A span is INLINE A span is INLINE A span is INLINE A span is INLINE
If it is possible would you be able to make a C# visual studio series for your channel. I know that that you might not know the language etc but if you could i would really appreciate it as your teaching style really clicks with me and i have loved your HTML and CSS videos :).
E J Media has done outstanding job . I am thankful the guy who speak in HTML ,CSS and JavaScript videos. Even my professor was not able to explain me but this guy did it. Thanks a lot Man and i give him 10/10 marks for his teaching style. Keep going God bless you that I pray from bottom of my heart.
Amazing videos, I really appreciate your effort. I spent a lot of time reading those long sticky text tutorials and still got confused. Your video explanation has really got me into something solid.
Thanks a lot EJ for your effort and time. You made me feel so comfortable with css whereas couple of days back, css was a nightmare to me. You have a generous heart for teaching ppl for free. BTW I am facing 2 issues right now. 1) I have two div elements (nothing else) in HTML page and styled with different background-colors. Let me say div1 has green background and div2 has blue bg. When I render in google chrome(Version 41.0.2272.101 m).I am not seeing any line breaks between the two divs. (Also can you clarify, how different line break between two block elements from margin property.) 2) when I am centering the image by setting margin-left and margin-right as auto, it is not working until I include "display: block; in that class"
s171984 1) the div's operate a little strange when they are back to back like that - so have you included a margin around each one? 2) An image by default is an inline element so it can only be centered when you did just what you did - convert it to a block element
Frustrating as hell to pay 1300$ for this mandatory class in college when I can learn it for free here..... In fact, I'm learning MORE here..... so dumb. Thank you!
@@EJMedia1 Seriously just so you know, i did a session on html and css (about 70 percent) on freecodecamp.org... it was okay but not as good as how you have managed to break the entire tutorial into a step by step fully explained short videos. This is what beginners like me need and look for. I should just thank the youtube as they added one of your videos on my everyday list. You have an amazing way of teaching people or showing stuff in very simplified manner and thats exactly what noobs like me need. Thank you very much. love from India. now im off to resume this 30th video cheers
Thank you sooooo much for these videos. I've always wanted to learn more in-depth nuances pertaining to the ins and outs of html/css. This is proving to be a wonderful source. Liked and Subscribed!! Would love to see SASS , and BOOTSTRAP. They would be nice additions to your series of videos ;)
I remember when I was learning CSS... god it was such a pain in the arse to understand these concepts, if only someone would have explained them to me as you just did. too bad there was no youtube back then.
Thanks I really tried to explain the core concepts in this series. I am working on the layout series which should tie it all together - just taking time to code the site! lol
EJ Media just some ideas for the future :D after you finish with css you should start doing sass compass, and the 2 most awesome frameworks susy and breakpoints. i think that would lead to layout mastery and ppl will love you xD
@@CODGPLAYS I deleted the previous code and did it on the same page. If you wamt to save the code on 29th video, you can create new html file and add css to it.
Purushotham Raj Very good question and yes you can. So instead of using PX as the unit of measurement you will want to use % size. That's a good subject perhaps I will do a CSS video on that.
i tried to put mine into buttons,but it did not work.i created 3 buttons so when i hover over it will display a home icon,message icon and download icon,it didn't work.Anyway the color codes in this tutorial is funny
Video starts at 2:01 if you've only come for inline and block elements. Btw, he keeps on repeating the same information when talking about block elements. You might wanna jump a minute or two.
You are a gem! I'm in a ten-week class for Bootstrap, JavaScript and JQuery but you are my constant teacher and you make these classes so clear!
you are the only teacher out there that actually explained this with detail and ease. i cant thank you enough! your teaching is simple and amazing. thank you.
CSS Source:
h1 {
background-color: green;
color:yellow;
}
p {
background-color: green;
color:yellow;
}
p.test {
background-color: green;
color:yellow;
border-color: orange;
border-width: 2px;
border-style: solid;
}
h2 {
background-color: green;
color:yellow;
}
div {
background-color: green;
color:yellow;
}
img.special {
}
You really make learning easier than other tutors, i already recommended your page to 100 people who want to learn.
I made it this far and I am so excited to keep going. A+++ instructor. Fantastic Job EJ Media!!!
I studied CSS in the university, but these videos are much more effective. Thanks for sharing your knowledge with us. You are very very good teacher.
Thank You :)
HTML Source:
The Header1 is a block element
The Paragraph is a block element
The DIV is a block element
The Header2 is a block element
The DIV2 is a block element The Paragraph in the DiV2 is still a block element
Another Paragraph in the DiV2 is still a block element
The Header3 is a block element
The DIV3 is a block element The Paragraph in the DiV3 is still a block element
Another Paragraph in the DiV3 is still a block element
DIV4 BUT EVERYTHING GETS THE BOX MODEL
A span is INLINE
A span is INLINE
A span is INLINE
A span is INLINE
A span is INLINE
A span is INLINE
EJ Media Hello, EJ, I am confused about why you wrapping the using tag, isn't that a is already an inline element? Much appreciated.
I've been learning so much from your channel. Where do you live pal? If ever I'm around, won't forget to buy you some beer.
hi can you help me by telling whether you did this one in the same folder or you made a new one pls reply @Harshit Khanna
this was the best way to explain block and inline elements
never understood this way before
If it is possible would you be able to make a C# visual studio series for your channel. I know that that you might not know the language etc but if you could i would really appreciate it as your teaching style really clicks with me and i have loved your HTML and CSS videos :).
I am watching and learning a lot of things from you. I am very thankful to you. You are great. A lot of love and respect from Pakistan.😍😘😍
E J Media has done outstanding job . I am thankful the guy who speak in HTML ,CSS and JavaScript videos. Even my professor was not able to explain me but this guy did it. Thanks a lot Man and i give him 10/10 marks for his teaching style. Keep going God bless you that I pray from bottom of my heart.
Excellent and usefull course, I am learning a lot with you
This is the best css tutorial on the youtube and it deserves more views!
Amazing videos, I really appreciate your effort. I spent a lot of time reading those long sticky text tutorials and still got confused. Your video explanation has really got me into something solid.
Vitt Volt Thanks much - my number one priority is to be clear and concise
Thanks a lot EJ for your effort and time. You made me feel so comfortable with css whereas couple of days back, css was a nightmare to me. You have a generous heart for teaching ppl for free.
BTW I am facing 2 issues right now.
1) I have two div elements (nothing else) in HTML page and styled with different background-colors. Let me say div1 has green background and div2 has blue bg. When I render in google chrome(Version 41.0.2272.101 m).I am not seeing any line breaks between the two divs. (Also can you clarify, how different line break between two block elements from margin property.)
2) when I am centering the image by setting margin-left and margin-right as auto, it is not working until I include "display: block; in that class"
s171984 1) the div's operate a little strange when they are back to back like that - so have you included a margin around each one? 2) An image by default is an inline element so it can only be centered when you did just what you did - convert it to a block element
I am learning css in depth from this series. Your teaching style is amazing. Great job ...
this is the best videos for web development on youtube
Frustrating as hell to pay 1300$ for this mandatory class in college when I can learn it for free here..... In fact, I'm learning MORE here..... so dumb. Thank you!
Astariicat I think a lot of the instructors in these colleges have never coded anything - thanks for the nice words
@@EJMedia1 Seriously just so you know, i did a session on html and css (about 70 percent) on freecodecamp.org... it was okay but not as good as how you have managed to break the entire tutorial into a step by step fully explained short videos. This is what beginners like me need and look for. I should just thank the youtube as they added one of your videos on my everyday list. You have an amazing way of teaching people or showing stuff in very simplified manner and thats exactly what noobs like me need. Thank you very much. love from India. now im off to resume this 30th video cheers
@@kieran2347 yea, thats why i avoid freecodecamp, because it doesn't give us beginners a clear image of the things we will learn
Thank you, your videos have helped me understand this so much more than other training sites.
Such an amazing explanation!
Thank you sooooo much for these videos. I've always wanted to learn more in-depth nuances pertaining to the ins and outs of html/css. This is proving to be a wonderful source. Liked and Subscribed!! Would love to see SASS , and BOOTSTRAP. They would be nice additions to your series of videos ;)
Bootstrap is on the list :)
That's Awesome!!! I'll be on the look out! Greatly appreciated!
I remember when I was learning CSS... god it was such a pain in the arse to understand these concepts, if only someone would have explained them to me as you just did. too bad there was no youtube back then.
Thanks I really tried to explain the core concepts in this series. I am working on the layout series which should tie it all together - just taking time to code the site! lol
EJ Media just some ideas for the future :D after you finish with css you should start doing sass compass, and the 2 most awesome frameworks susy and breakpoints. i think that would lead to layout mastery and ppl will love you xD
blissB2 I can certainly do that. I have been looking at some of the stuff Unity has for websites and its VERY powerful
This channel is gold. Thank you.
hi can you help me by telling whether you did this on the same webpage or you made a new one pls reply @NyeinChan Soe
@@CODGPLAYS i did it on the same page. But you can do whatever you like.
@@ash_177 no i meant did you do this on the same webpage and stylesheet which was there older on 29 th playlist
@@CODGPLAYS I deleted the previous code and did it on the same page. If you wamt to save the code on 29th video, you can create new html file and add css to it.
@@ash_177 ok thanks bro
Amazing videos I learned a lot form your channel.U make videos in very simple and easy mode .
Your are the best
thanks have learnt a lot keep it coming
This what I'm looking for! Thank you! I will click your ads 5x!
So far so good! Thanks for your good work!
i learn so much! thank you!
can you help me do we have to make new index and stylesheet for this or we have to continue on the same one
Great videos! I see that there is created space between some lines, but i dont see a . How is that possible?
What dictates the size of line breaks? What dictates where the first inline element started?
What if we use inline elements under tag???
Thanks man for helping me learn all this i hope we can meet each other in the future
I can not say it enough but these videos are great. LIKE
Drew YTC Thanks! I took some time preparing this video because block and inline elements are very important to understanding CSS/HTML.
Well, I did not simply enjoy the show. I took notes. And it was good to write. Thanks for the break from coding.
Nice work boss.. am on lesson 31 now
This helped so much. Liked and subbed, thank you!
Why did you put img element inside anchor element?
Hi, it there anyway we can make a picture free flowing so that it adjusts its size as we increase and decrease the browser window size.
Purushotham Raj Very good question and yes you can. So instead of using PX as the unit of measurement you will want to use % size. That's a good subject perhaps I will do a CSS video on that.
Sir why r u putting img tag inside the anchor tag?
You are amazing
side by side by side
Awesome!
Question:how to use margin and width
Thank you sir u r the best
I learn so much
Where could I copy the style sheet ? thank you. :)
where can i access the code for the tutorials?
i tried to put mine into buttons,but it did not work.i created 3 buttons so when i hover over it will display a home icon,message icon and download icon,it didn't work.Anyway the color codes in this tutorial is funny
Thanks
Video starts at 2:01 if you've only come for inline and block elements. Btw, he keeps on repeating the same information when talking about block elements. You might wanna jump a minute or two.
pls reply me @EJ Media
bla bla bla...