Это видео недоступно.
Сожалеем об этом.
Understanding Box Model | Styling List and Tables | CSS Lecture 3
HTML-код
- Опубликовано: 20 дек 2020
- Complete C++ Placement Course (Data Structures+Algorithm) : • C++ Full Course | C++...
Telegram: t.me/apnikakshaofficial
Instagram: / dhattarwalaman
0:00 - Intro
0:26 - How CSS works with HTML?
1:08 - Document Object Model (DOM)
3:25 - Units in CSS
3:55 - Relative Units
9:02 - Absolute Units
10:08 - Box Model
18:00 - Styling Lists
18:31 - list-style-type
18:47 - list-style-position
19:24 - list-style-image
19:35 - Examples of List Styling
23:39 - Styling Tables
24:59 - Border-Collapse
25:21 - Padding
25:40 - Border-Spacing
25:52 - Examples of Table Styling
--------------------------------------------------------------------------------------------
This is to help them as they are doing amazing and extraordinary work. Thank you to each and every guy behind the scenes!
(For the Creator - you can paste this into your description and then the video will have its sections)
Thankyou for ur work
By the way Where are links of notes 😅 i am not able to find it?
0:00
@@vishalyadav00 notes ?
u really work hard more than aman sir😂
good job👍
Thank you Apni Kaksha team🤗. You are doing a great work🙋♂️
Web development like you!
Really Amazing, Just in 2 days after watching this 8ep, I have learned a lot about Web Dev. , Love the way how he teach, But 15:13 he blow my ears hahaha. Editor - Plz.
I shocked when this happened 😁
@it's me hurdle job lggi kya bro
@@Knight004 in 1st year, job ka abhi nahi soch raha. 😅
you guys are changing lives out here by teaching this stuff for free. Please keep up the good work!
ignored
@@aaryush9486 …
How ?
For those still struggling to understand the float thing, I'll try to explain it.
1. See, Yash added 20px padding to increase the spacing between each of the items (anchor tags). It worked as we wanted it to (the space became visible and the navigation bar looked good but it was thin).
2. Problem is, tho, that when you add padding, it is applied in all directions (not just horizontal). If you inspect it on the browser, it will show you that the nav tag (apparently) latches to the content and ignores the padding (and margins).
3. To free our anchor tags from this latching, we need to use float, which frees all the tags from this limitation, but it also means that the nav itself becomes dislodged from its place (LOL!).
4. To introduce some sort of order back in the nav tag, Yash adds the overflow:hidden attribute.
P.S. I am also learning and seeing this video first time, although I have programming experience.
P.P.S Big thanks to the creators
Thanks!
but cant we just use padding in the nav to achieve the same look i didnt understand what you said can you explain more
Sorry bro @InfiniteAI-jv7fi , I've forgotten all this. Eventually, you'll almost always work with React and some CSS library. Pure CSS is a very small part of the job
Your videos r awesome pls upload javascript,mongodb,php,nodejs,reactjs etc. also.
These r helping a lot of people,if u r facing financial problems which is delaying the uploads then i would be ready to pay as well but plsss upload, don't keep a lot of gap between videos if possible.
yes bro . Absolutely right.
Bro, Please teach us Slowly and explain each and every concept in Depth. BY THE WAY in C++ course the teacher is in too much hurry I think uski train chhuth rahi h. Bhai usse change kardo C++ ka teacher bahut mistake karta h and bahut jaldi pdata h and bahut sare concepts leave kardeta h
Bhaiya you start new things, it is good but you never complete or continue the Previous thing. Bhaiya pls either don't start or don't leave in between. Our Expectation breaks when you stop !! Please Continue C++ Course.
thankxxx man :)
@@abramgrey2237 😁😁
please write for all css video
Same bro
@@frontendwebgalaxy2693 😁👍
0:26 - How CSS works with HTML?
1:08 - Document Object Model (DOM)
3:25 - Units in CSS
3:55 - Relative Units
9:02 - Absolute Units
10:08 - Box Model
18:00 - Styling Lists
18:31 - list-style-type
18:47 - list-style-position
19:24 - list-style-image
19:35 - Examples of List Styling
23:39 - Styling Tables
24:59 - Border-Collapse
25:21 - Padding
25:40 - Border-Spacing
25:52 - Examples of Table Styling
to phir ye likhne ki jarurat thi bro
Thank you for the course it's amazing bhaijan 😇🙏🙏🙏learning and enjoying at the same time Thank you.
Great !! God bless this team.
Will u please explain what overflow hideen means
Ameen
14:42 This is Binod
Bhai yha bhi popular hai ye😁😁
A small Feedback:
I'm watching this course just to revise my concepts which i had leant some months ago. So its very easy for me ,as a person who has already learnt html , Css to follow you. But someone who is just beginning to learn html and css, it would be very difficult to follow you. So pls teach slowly.
But love u bhaiya.....A great initative bu you. I know you are spending your own hard earned money to teach us.
Where did you learn it from? I just started it a few days ago. I got most of the things till now except padding and Margin. The collapsing thing in Margin is kinda confusing.
@@mysticlunala8020 job lgi kya bro
@@Knight004 Internship lagi hai abhi. Abhi to 4th year me aunga. Mera 5 year course hai. Intergrated Btech + Mtech. Meri placement 5th year me hogi.
yaar I am 13 years old and I think its pretty easy and I think he is slow and this is my first time.
His voice looks like the voice in neso academy 😁
Ho sakta h waha part time kam karta ho ye teacher
This is For you Guys-
0:33 How CSS Works
1:12 Document Object Model
3:22 Units in CSS
10:08 Box Model
15:24 Difference between Padding and Margin
18:04 Styling List
22:03 float Property
22:50 Hover pseudo-element
23:20 Visited pseudo-element
23:49 Styling Table
You can Thank Me Later !!
Jai Hind
Bhaiya you start new things, it is good but you never complete or continue the Previous thing. Bhaiya pls either don't start or don't leave in between. Our Expectation breaks when you stop !! Please complete C++ Course.
Yes!
Voice? Looks? You can see his voice?
What a surprise..
Thank u bhaiya
You does a lot for us
keep inspired dont listen haters
keep going
salute u sir
Most Difficult things in the world
1. Becoming a Billionaire
2. Winning the noble prize
3. Getting heart from Aman Bhaiyya ❤️
first 2 aren't difficult but 3rd so much
@@noobbutnormal1914 😭
Best ever css video... Really ... Not exaggerating !
Can't understand why float left at 21:55. Someone please explain.
Voice perfectly matched with the animations
lot of thanks for it, i am asking how much time will take to be full stack web developer as i am following your video.
Need to be appreciated 🔥🔥🔥🔥
The wait is over for the most awaiting and the most amazing course
This is For you Guys-
0:33 How CSS Works
1:12 Document Object Model
3:22 Units in CSS
10:08 Box Model
15:24 Difference between Padding and Margin
18:04 Styling List
22:03 float Property
22:50 Hover pseudo-element
23:20 Visited pseudo-element
23:49 Styling Table
You can Thank Me Later !!
Jai Hind
Sir, it's a request to you that please explain the topics a little bit more ("Matlab alag se"),
For example, when you were teaching float property it was difficult to understand from your video, I have to go to some different channels to clear my doubt regarding the float property.
Sir, I just want you to explain some things more elaborately,
Thank you for the free lectures They really helped me a lot in lockdown.
and overflow, too.
Why did you use text-align: center;?
And why use float:left; when you can give padding to nav and then in the nav a?
Same question
Sir you’re the famous lecturer in the world
Chummiya de de use
I am waiting java script series
Because I am already completed html and CSS 🤗
Fantastic aman sir thank u keep growing n motivating 👍
Half Yash n half Aman ..👍
hello sir main ne apki 2 videos "structing a mega project+adding css in html" se purey website bana li so i am very thanks full to you aman sir and you deserve love fro our country "PAKISTAN"
Dilse shukiya bhaijaan💚💚💚💚💚🍁🍁🍁🍁🍁
Sir ,really great ..and your hardwork is appreciated for this.
its 9 days past now ,plz upload the next lecture soon :(
This is For you Guys-
0:33 How CSS Works
1:12 Document Object Model
3:22 Units in CSS
10:08 Box Model
15:24 Difference between Padding and Margin
18:04 Styling List
22:03 float Property
22:50 Hover pseudo-element
23:20 Visited pseudo-element
23:49 Styling Table
You can Thank Me Later !!
Jai Hind
bhai apna comment pin kara
I purchase laptop when html course started.
Meanwhile me : ye course mere liye hi bana hai.
Oo..bhai 😎😂🔥
Bhaiya konsa lia ?
@@d9634 dell
@@Krishnaaa34 if you dont mind
Yeh bhi bata skte ho Konsa model ?
Aur kon kon se features hone chahiye 😅
Mujhe bhi Lena hai 😁
@@d9634 abhi batata hu
you give visited to nav bar this is not working properly, when you click one anchor tag why show all anchor tag is visited?
Bhaiya, I've a question. I want to be placed at the most companies like FANG. but somehow I was unable to take admission in any engineering college and have take admission in tier 2 or 3 college doing @t in physics hons. But I have started to learn coding and programming by myself and want to crack Gsoc and all these thing which would help me to be a better coder . So my question was .....Am I eligible to grab that jobs???
Bhaiya please reply , I'm eagerly waiting..
Hey try to have a branch shift or continue in same brnch and try to give ur best and apply off campus jobs
Ok so learn c, c++ or Java.
Practice a. Lot of problems.
Then make ton of Projects.
Crack Gsoc.
Become and intern.
And then Get into your dream company
All of the people gave you shit advice. Let me tell you what you can look forward to.
First take a look at your college's cs placement scenario to see if they are some worthwhile companies hiring.
Secondly,get into competitive programming. Become 5* (rating) or even above or 4* with decent projects. Only then you can request the companies to allow you to sit for their interviews being a non cs student.
Lastly, Look for off campus placement. You can apply for these companies in some particular quarter of year
Trust me this is NOT a piece of cake
May Allah bless you Ameen I learned a lot from this In Sha Allah sara course hi krongi . JazakAllah Khier.
🌏🌎🌍Best In World.
Please make a playlist for all the HTML lectures
Wait for it from an hour 🙏
GOD BLESS U SIR>BEST TUTORIAL EVER>
This web development series is first video series which, i m watching at 0.75 speed.
Otherwise generally i used to watch all videos more than 1.5speed.
ummid nhi kia tha itna accha smjh paunga ap se ,
Really ...Love your Web development Course....Quality of content is awesome...... I want to know how to do freelancing in web development profile.....Plzz help me....It will a great help for me.
go to a site called freelancer,
in it just select your skills, it will show work related to them
Bhaiya notes bhi deal dijiye jise notes chaahiye toh like karo😀😀😀😀😀😁🙏🙏🙏🙏🙏🙏🙏🙏
Awesome Sir :) 🔥✌👍👏🤘👌🙏😇
Kya series banayi hai bhai🔥🔥🔥🔥
Thank for this great course, it is best than learning boring documentation in w3school .
I'm very excited 😀
Thankyou for these Helpful video❤. We are so grateful to your hard work Team.
At 21:40 You write padding 20px But why there is padding only in left and right , why not top and bottom?? 🤔🤔
Sir , which book I preferred for more practice?
Can u tell me which book u had followed ?
Fun Fact: during Premiere, no one really listens what is going on
Everyone remains busy in live chat
True , me to split screen kar deta hu to chat dikti hi nahi hai
during Premier I hide chat and see the video in fullscreen
@@samyakgupta6967 chat off karne se bhi to hota h na.. Split screen karne ki kya jaroorat h🙄
@@incognito4041 I think we met in a valorant match
We want advance web d course
It's really very good vdo..😍😍
White hat junior wale jaake dream 11 pe team banaye
Baaki (Apna college ke) APNA STUDENT sambhaal lenge
Phod denge bhai
nice joke
Hello Bhaiya,
Your lectures are awesome 😍we are learning a lot but I have a doubt in my mind that.........👇
Will I am able to get the web development internship after going through all these video's that you are going to upload .
Please reply...........................
Getting internship is an easy task....you can easily do it
bahiya you are great learner as you've cracked gsoc but this doesn't mean that you can also teach us better bec you have no experience that how many type of doubts a student can get, I'm not saying that is course is waste, it's amazing but not for beginners! Hope you'll understand what I'm tryin to say! Thank You :)
Bhaiya starting se follow kro ajaiyaga. Like am a noob just 2 days before now.. I had basic knowledge
Thanku bhaiya so much
thank you so so much for this amazing course . it has helped me alot to develop my skills thank you so much
Really you make the content of the video similar to log 2 base 2 but for free and in Hindi language very very thanks for it it is very useful for us
border-spacing property is applied when border-collapse is separate
youtube video timestamp-27:30
Tqsm bhaiya ♥️♥️
now you will launch your javascript course after 8 lectures of css
Bhaiya mein class 9 th mein huun aap bahut badiya padhate ho maja hi aa jata hai
Keep it up bhaiya
Please upload more videos on CSS
your videos are so helping
Is it okay just to use absolute units over the relative ones?
to maintain responsiveness in the website relative units are necessary
Every explanation was good except the float property please explain it again
Sir isme box model ke example me div tag hi kyu use kiya .tag bhi to use kr skte hai ?
well way of teaching
great sir
Thank you for a great course.
Great job ❤❤❤🎉🎉🎉
Sir you are amazing 🔥🔥
10:55 It would be border-bottom at the bottom, you have mistakenly written border-top.
Commendable course
Lets Go For Awesome Tut 😉
Let's assume if anyone used external force to move your position in every side or a specific side then it's called margin and if you are eating too much and taking more space in every side or that side you want it's called padding.... 🥳 🤩 🤩 Chalo main v thora help krta hoon padhane ka 😝😝😝😝
Sir are there any notes for these lectures, Because i am also writing the notes. But I like your notes. Please provide notes if available
Python cours3 bhi aaiga kya apna collg ka????
Yes
GREAT COURSE,THANKS BRO
nice video
Understood why browsers take up a lot of memory. Learing new things are always fun and interesting.
23:23 - nav bar decoration code
thanks for great class......!❣
may be this person is Vinod Thapa from Technical Thapa because his voice match with him ❤.
👍👍
18:00 css
are there notes prepared for this course ..if yes then where can i get this
Anima can convert any design into HTML, CSS and Javascript.
23:17 where is command option down button in windows keyboard? is this tutorial for mac os user only?
Bhai next lectures jaldi upload krdo.
Can you make one video on web development . Like , what things we should know if we wanna to become good web developer .
14:50 Binod 😂😂
Attendance marked sir
I have a question ⁉️....
Code likhne k baad uske execution app, website banti h.....
So process toh smjh aaya ....
But code k Baad execution mai Esha kya hota h jo app, website ban jatai h.....
Thanks ❤️❤️❤️👍
can we say that style is css written in HTML code file?
Apna college best
What is to be used, when a text under the list falls down due to the large size of the list-style-image.
good evening sir
i wanted to ask when will the notes be provided
He is explaining it in complex way on purpose