HomeОбразованиеRelated VideosMore From: The Net Ninja

CSS Tutorial For Beginners 27 - Font Size

280 ratings | 15503 views
Hey my good friends, in this CSS tutorial for beginners we're going to dive head-first into the font-size property. The font-size property in CSS, believe it or not, controls how large the font displays in a browser. We can control font size either via absolute or relative measurements, and we'll cover both types in this video. Absolute font sizes are immutable (unless overridden later in the CSS), whereas relative font sizes are determined largely by the base font size they inherit. For my video on CSS inheritance, check out https://www.youtube.com/watch?v=ZMpaebQ3n6A&index=11&list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT Anyway, peace out, keep coding & have fun :). SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML Basics Course ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Html code for embedding videos on your blog
Text Comments (18)
neil kumar (2 months ago)
May u tell me the expansion of EM mesaurement....why We called it em?😒
kruzyk (2 months ago)
will you make update of this video?
The Net Ninja (2 months ago)
Hey, I do plan on updating my CSS, HTML & JavaScript series' towards the end of the year, to bring them into the present a bit more :)
web pad (7 months ago)
Thank you for this video. I see that my nemesis multiplication and percentages are back in my face again .lol
wachira david (1 year ago)
This helped
Yogev Boaron Ben-Har (1 year ago)
Thanks for the videos! Are you planning on updating them (other relative font sizes like rem etc.) ?
Eng Tito (1 year ago)
Great Thank You
WebCoding (1 year ago)
Problem: Font size is automatically increased on larger screens. How i can fix the font size so that the font size doesn't increase on larger screens.
Martynas Šimkus (1 year ago)
WebCoding us vw instead of px or em...
James Wood (1 year ago)
Try this: body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; }
Why does the font-size of the parent element affect the font size of the child element. I thought you said when selectors go down the cascade it overrides what is on top. Also if you don't give the parent element a font-size what/how does the browser calculate a font-size for the child element.
Manny Martinez (2 years ago)
Why don't you just refresh the browser after you save the file?
Manny Martinez (2 years ago)
Haha respect! Thanks for the videos man. I enjoyed all of your CSS series
The Net Ninja (2 years ago)
I like to do things the hard way. In later vids I buck the trend :)
acwo (2 years ago)
What about 'vw' and 'vh' font sizes? eg.: 4vw = 4% of viewport width 6vh = 6% of viewpor height Isn't that a better way to precise font-size? Especially in terms of Responsive Web Design?
Jamie (2 years ago)
Thanks for doing this! I was really confused about the way font-size worked when it was overridden by a new value.
Nesrine IT (2 years ago)
I really like your videos, very clear and well structured, big thanks... I am surely gonna follow the other parts ( Js, JQuery and responsive web) god's welling , please could you do some back-end programming videos ? many thanks ...
The Net Ninja (2 years ago)
+Nesrine IT Hey, thanks for watching, glad you like them :) ! Yeah, I will be doing more back-end related stuff in the future too!

Would you like to comment?

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