No video

9: CSS Text Styling Tutorial | Basics of CSS | Learn HTML and CSS | Learn HTML & CSS Full Course

  Рет қаралды 406,050

Dani Krossing

Dani Krossing

Күн бұрын

Пікірлер: 148
@Dani_Krossing
@Dani_Krossing Жыл бұрын
NEW UPDATED 2023 COURSE AVAILABLE! 🙂 You can find it here: kzfaq.info/get/bejne/rJ6ad9FzvsmUkqc.html&ab_channel=DaniKrossing
@zakgraham1283
@zakgraham1283 6 жыл бұрын
I'm gonna start liking your videos because you don't beg for likes every video. well done.
@someone.8.15
@someone.8.15 2 жыл бұрын
Font-family 2:35 Font-size 4:05 Font-style 4:31 Font-weight 5:07 Text-align 5:31 Text-decoration 6:25 Text-indent 7:22 Text-transform 8:05 Color 9:04 Letter-spacing 12:32 Word-spacing 13:12 Line-height 13:33
@bc2536
@bc2536 Жыл бұрын
thanks champ
@rahxephon76
@rahxephon76 6 жыл бұрын
Off topic: Three people who don't like this video, don't understand what html and css are used for. On topic: I'm going through your videos like brownies one after another. Ten down 33 to go. I just have a few tips for those o probably don't already know about it. When using atom these are the few add-ons you should have; 1 emmet (must have) 2 file-icons (optional) 3 open-in-browsers (must have, you can choose to open in: ie, chrome, firefox, opera and safari) 4 atom-live-server (for me personal it's good to have it, but it's not a must have add-on) 5 atom-html-preview (for me personal it's good to have it, but it's not a must have add-on) 6 color-picker (must have) Whit number 6 you don't need the Adobe color wheel anymore. Click where you want that color to be, hold down ctrl+alt+c you'll get a color pick window here you will be able to choose: RGB(A), HEX, HSL, HSV, VEC. Select your color and press enter and you're done. atom-live-server and atom-html-preview are basically the same, the difference is that atom-html-preview opens the preview inside Atom and atom-liver-server opens on your default browser. The good thing about both these add-ons is that once you save your work it will automatically update on your browser, no need to refresh the browser. emmet is something that will help you write faster. On an empty html file at the top just type ! and press TAB, you'll get a full html skeleton. If you want a div with a class or id, just type .container (for class) and press TAB to get the same goes for id #container (for id) and press TAB to get My favorite part using emmet is to make ul and ol. Just type ul.nav>li.sub*3>a{box $} and press TAB you'll get: box 1 box 2 box 3 These are the few tips that I can share with everyone watching this video. Just one thing how you are doing things or whatever you are using to get things done, just remember to have fun while doing it. Sorry for this long comment. Keep up the good work. Greetings from Holland.
@Dani_Krossing
@Dani_Krossing 6 жыл бұрын
I will go ahead and pin your comment ;)
@raz2763
@raz2763 5 жыл бұрын
Not all heroes wear capes...
@alexanderschmidt2543
@alexanderschmidt2543 5 жыл бұрын
THANK YOU! That is what i wanted! I wasn't satisfied with atom-html-preview. atom-live-server was the solution i was searching for but couldn't find anywhere... atom-live-server paired with autosave-onchange is like the live preview from Brackets. I love it! Greetings from Germany :D
@kelvincuevas7699
@kelvincuevas7699 5 жыл бұрын
rahxephon76 I’ve been going to school for a month the teacher don’t f***g explain and whit this video I’m very clear. Thanks so much.
@pm_shaw
@pm_shaw 4 жыл бұрын
Your suggestion on Atom's Emmet plugin (atom.io/packages/emmet) was amazing!
@kiams7811
@kiams7811 4 жыл бұрын
I am learning at the age of 46... Your explanation is impressive...
@Keano9766
@Keano9766 Жыл бұрын
you helped me so much, i got a coding book but the code is very old so i updated it to your code and it worked!!
@ericisaiahperez5324
@ericisaiahperez5324 6 жыл бұрын
This is what I love to see, to understand each and every attribute, it is very clear. Thanks again.
@brythm5465
@brythm5465 2 жыл бұрын
This was great!! Thank you!
@Niko_Dola
@Niko_Dola 2 жыл бұрын
I love you for doing this tutorial!
@mrsdhuha
@mrsdhuha 4 жыл бұрын
You maintain very high standards through all your videos. Many thanks.
@aoogaaoogaaoogaaoogaaoogaaaa
@aoogaaoogaaoogaaoogaaoogaaaa 3 жыл бұрын
My teacher just gave me this paragraph and told me to do what the instructions said but he didn’t tell me anything about how to color the text or change the font 😰 so this really helped thanks! (FYI I’ve never even touched css before 💀)
@taynay75
@taynay75 5 жыл бұрын
Your tutorials are the BEST. So sending money to contribute because you truly have the best teaching style!!!!!
@reegliss93
@reegliss93 6 жыл бұрын
you can also add an alpha value to a hex code by adding two characters at the end of the hex expression (example : #ff000066). very nice and comprehensive tutorials by the way!
@Travelised
@Travelised 4 жыл бұрын
Well explanation thank u
@CarolNankinga
@CarolNankinga 2 жыл бұрын
I can't get enough of these lessons. Thank you so much.
@TCTFounder
@TCTFounder 4 жыл бұрын
I get engrossed in the content watching one video after another that I forget to "like" them. Don't worry though, I'm going to have to go back and thumb-up the 8 other videos I've watched. Thank you very much for the lessons!
@miazeng7752
@miazeng7752 4 жыл бұрын
YOU ARE AWESOME!!!!!
@ismaeldaif4014
@ismaeldaif4014 3 жыл бұрын
That was very useful thank you so much !
@pianoLee-sx9dx
@pianoLee-sx9dx 6 жыл бұрын
I am really enjoying all of your tutorials!
@branimirnovakovic6928
@branimirnovakovic6928 5 жыл бұрын
Thank you for making these tutorials, kind sir.
@techexpert2010
@techexpert2010 6 жыл бұрын
I'm just so much in love with this channel.. Man your lessons are excellent! Keep on doing this great job
@MilanB
@MilanB 7 жыл бұрын
Long time no see. Btw your channel made great progress, i remember when you had 10k subs, now you have 41k. Congrats, mate.
@Dani_Krossing
@Dani_Krossing 7 жыл бұрын
Milan :D Thank you :) Yes the channel is doing great and the people who subscribe seem really nice and supportive.
@jamesbrandon8582
@jamesbrandon8582 5 жыл бұрын
One year after your comment, it has literally quadrupled to 160k subs, thats crazy!
@nvlel
@nvlel 3 жыл бұрын
@@jamesbrandon8582 1 year later and his subs nearly doubled to 310k
@akash5251
@akash5251 2 жыл бұрын
Love and respect from India 🇮🇳🇮🇳
@davescorneroftheworld1147
@davescorneroftheworld1147 5 жыл бұрын
GREAT JOB, you are a GREAT instructor thank you for your time. I JUST subscribed!!!!!
@ahnafbataineh8319
@ahnafbataineh8319 4 жыл бұрын
ty for video what the program the u used
@ioannisme7495
@ioannisme7495 5 жыл бұрын
perfect clear voice very understandable tutorial ..looking forward to see all videos next
@dllm3tommy741
@dllm3tommy741 Жыл бұрын
Thanks for the video
@muzzammilowais1347
@muzzammilowais1347 4 жыл бұрын
I am following your series, incredible stuff!
@johnmichaellagrana6158
@johnmichaellagrana6158 3 жыл бұрын
Thank you!
@argenisaguilar9045
@argenisaguilar9045 3 жыл бұрын
Great..thaks so much...👍
@Beast80001
@Beast80001 4 жыл бұрын
Thanks, this is exacly what i needed!
@moenesma9415
@moenesma9415 3 жыл бұрын
Thanks for this good Turtorial
@jaimepalomera1967
@jaimepalomera1967 6 жыл бұрын
thank you so much! this definitely helped a lot
@ahmedel-hindawi9226
@ahmedel-hindawi9226 3 жыл бұрын
really helpful thanks
@kavyarayidi1839
@kavyarayidi1839 4 жыл бұрын
you are the best teacher ever
@thestarr5844
@thestarr5844 Жыл бұрын
thank you
@umajitendra2213
@umajitendra2213 4 жыл бұрын
your voice is very good. Way of teaching is awesome
@yasirjune69
@yasirjune69 5 жыл бұрын
it is really a good video for the beginners and i really appreciated your work.
@alifiaputri9455
@alifiaputri9455 3 жыл бұрын
thanks !!
@JalalKhan-br3ld
@JalalKhan-br3ld 5 жыл бұрын
i like and leave a comment each time cos you dont beg for that ...like others right...stay happy and cool
@masudurrahman0684
@masudurrahman0684 4 жыл бұрын
Thank you for this Video.
@grayson3274
@grayson3274 4 жыл бұрын
What's the name of the app you're using?
@salemxd4563
@salemxd4563 3 жыл бұрын
this is a very clean lesson thanks
@theblackelephant
@theblackelephant 2 жыл бұрын
Bro thanks alot you have a good and nice way to explain.
@JohnKelvin098
@JohnKelvin098 6 жыл бұрын
I really appreciate your tutorials. I've been watching it since morning and I'm learning a lot. I chose to use the Visual Studio Code as my application for coding and I think it has many awesome features that are very handy like the built-in color wheel or RGB program that lets you choose and customize the color you want and it will automatically input the RGB coordinates. Please Keep up these tutorials. It's really helping a lot of people. Thank you very much and God bless.
@progress2171
@progress2171 7 жыл бұрын
Thank you for that!!!!!!
@inspirationalworld5610
@inspirationalworld5610 5 жыл бұрын
Brilliant job
@stefanenyedi1900
@stefanenyedi1900 7 жыл бұрын
good job, bro!
@aaryanthakur8952
@aaryanthakur8952 3 жыл бұрын
thank you so much .It helped me a lot :)
@SanDex-V-Felix
@SanDex-V-Felix 4 жыл бұрын
Wow ur are amazing .. thank u 💕💕
@split3278
@split3278 5 жыл бұрын
thank you this is very helpful
@darlenelopez5632
@darlenelopez5632 5 жыл бұрын
I want to know, how do you SEPARATE paragraphs using CSS instead of inside HTML?
@mohanadalhiti9168
@mohanadalhiti9168 4 жыл бұрын
Thank you for this
@someshsharma708
@someshsharma708 5 жыл бұрын
thank you so much sir
@zakariehaji
@zakariehaji 5 жыл бұрын
I would love to have you as a teacher
@p_rker8649
@p_rker8649 4 жыл бұрын
For so many years i thought something wrong was with me that, I ACTUALLY DIDN'T KNOW WHAT CSS MEANT (If i understand CSS is a style code!)
@sharphd9122
@sharphd9122 4 жыл бұрын
p_rker wtf man that’s the first thing u need to learn
@p_rker8649
@p_rker8649 4 жыл бұрын
@@sharphd9122 xd ik
@Esra-mm6yk
@Esra-mm6yk 5 жыл бұрын
Thanks
@HexBeatz
@HexBeatz 5 жыл бұрын
how can i put a transparent background box behind the para ?
@aci25tv
@aci25tv 6 жыл бұрын
Such an awesome teacher you are. Learning so much from your great videos. Thank you so much! Question, do you have a tutorial how to do masking with CSS? Hope you do, and if you don't I hope you make a tutorial on that.
@Dani_Krossing
@Dani_Krossing 6 жыл бұрын
Hi :) no there is not a tutorial on masking yet, but there will a tutorial on Flexbox and clipping/masking CSS within the next few lessons, since the latest video exercises (episode 18 & 19) included some older techniques to web programming. Such as "float" and "hidden: overflow", which are both depreciated techniques. Flexbox and CSS masking are big enough areas to deserve an entire lesson each, and are going to be part of this course within the next few lessons :)
@tamimabdullah4638
@tamimabdullah4638 4 жыл бұрын
14:00 Thanks man
@maryahwyatt6564
@maryahwyatt6564 5 жыл бұрын
Does anyone else's file save as /* style.css ???
@ishaqkhan4508
@ishaqkhan4508 5 жыл бұрын
brilliant
@MazenBaddad
@MazenBaddad 5 жыл бұрын
BTW guys hexadecimal value is RGB let's say i have 0xFFA134 on hex or #FFA134 FF = red A1 = green 34 = blue so color:#FFA134 ; is the same as color: rgb(255,161,52); that's why the biggest number you can pass on RGB value is 255 or FF
@lekhrajkasotiya9360
@lekhrajkasotiya9360 3 жыл бұрын
from india
@apporvaarya
@apporvaarya 5 жыл бұрын
nice tutorial Sir :)
@buntoeunsoun6262
@buntoeunsoun6262 7 жыл бұрын
I like it
@rabinpd3175
@rabinpd3175 7 жыл бұрын
Notification squad☝☝
@seeranimate4363
@seeranimate4363 3 жыл бұрын
Helped me 100% u got a sub from me
@seeranimate4363
@seeranimate4363 3 жыл бұрын
And a like
@netherisinyt
@netherisinyt 15 күн бұрын
how to code a text with a different font next to the heading?
@Live4Life110
@Live4Life110 3 жыл бұрын
Hi guys. I am wondering and I can t find answer anywhere. Can you in HTML change something else then -s name ? Like change font-family or color and if you can t , why is that ?
@alishakhurana8893
@alishakhurana8893 3 жыл бұрын
I am having an issue, letter-spacing is not working for chrome as well as Microsoft edge.
@abdullahanjum5775
@abdullahanjum5775 9 ай бұрын
Hy sir how can we create dashboard like online study database and how can we access this dashboard? Can u tell me in details?
@katlosenkang7907
@katlosenkang7907 3 жыл бұрын
How do I make a paragraph appear only on the left Not using text align
@mjelumba2545
@mjelumba2545 6 жыл бұрын
Can i ask, what tool do you used ?
@bluebell3304
@bluebell3304 2 жыл бұрын
Sir May i know how to change the font-color
@naufalbotak2.012
@naufalbotak2.012 2 жыл бұрын
6:20
@al-aminhossain6824
@al-aminhossain6824 7 жыл бұрын
Is any kind of website or software exist where I can learn typing and codding together?
@Hamzawilayat
@Hamzawilayat 6 жыл бұрын
free code camp could help you
@PamelaMarizGSulit
@PamelaMarizGSulit 3 жыл бұрын
Hi what's your text editor?
@mahir_360
@mahir_360 3 жыл бұрын
how do u change to a different font if u had more than one title. So each title has a different font
@PS-cf9lc
@PS-cf9lc 5 жыл бұрын
What if i want to have multiple different fonts on links in one page
@BobbyBundlez
@BobbyBundlez 5 жыл бұрын
look up how to use tags. he talks about them in the previous video
@arnabgoswami8919
@arnabgoswami8919 3 жыл бұрын
Which software are you using for coding?
@amirnaimzada3049
@amirnaimzada3049 3 жыл бұрын
what if we have 2 ? how do u specify it??
@vangelova7443
@vangelova7443 6 жыл бұрын
Thank you so much for the detailed lesson! May I ask a question? So when we use the text-transform and we set it to let's say lowercase, it sort of ignores the way we have written the sentence/heading/paragraph, etc. in HTML. So is it like this because of the fact that css has higher priority than html? I mean does styling have higher priority than HTML tags? Thanks in advance!
@kenditchy
@kenditchy 4 жыл бұрын
What is the program that you are using like the thing you are Actully tying all of this in
@TechnicalDhruva
@TechnicalDhruva 5 жыл бұрын
Better teach hear radar than going to IIT for 7 hours a day
@entertainme6146
@entertainme6146 6 жыл бұрын
Hi was wondering what happened to part 10? The playlist just goes to an old video?
@manshitayadav5095
@manshitayadav5095 4 жыл бұрын
H1 is not a title it is a heading
@lourdthebluefoxie
@lourdthebluefoxie 4 жыл бұрын
Y is no working? It did not work in the phone it did not look like cersive, what did i do wrong?
@FinAnime1
@FinAnime1 4 жыл бұрын
Please provide the link to download the editor you are using.
@mdazim4061
@mdazim4061 4 жыл бұрын
www.google.com/search?sxsrf=ALeKk03LtesQdpj9044WFK_p41TuIDvMLw%3A1599644656384&ei=8KNYX_LxFtvgz7sP0daLuAs&q=atom&oq=atom&gs_lcp=CgZwc3ktYWIQAzIHCAAQsQMQQzIECAAQQzIECAAQQzIECAAQQzIICAAQkQIQiwMyCAgAEJECEIsDMgcIABCxAxBDMgQIABBDMgIIADIFCAAQiwM6BAgAEEc6BAgjECc6BAguEEM6BQgAELEDOgUIABCRAjoICC4QsQMQgwE6BwgAEBQQhwI6BQguELEDOgoILhDHARCjAhBDUOG7DVjvwg1gyYgOaABwA3gAgAGLAogBvweSAQMyLTSYAQCgAQGqAQdnd3Mtd2l6uAEDwAEB&sclient=psy-ab&ved=0ahUKEwjyqYrc5NvrAhVb8HMBHVHrArcQ4dUDCA0&uact=5
@HumbleFishStix
@HumbleFishStix 5 жыл бұрын
How do you change the color of individual lines of text within a paragraph?
@Dani_Krossing
@Dani_Krossing 5 жыл бұрын
@Sportslive683
@Sportslive683 3 жыл бұрын
How can i type text in 2 different colors. Please help me. Thanks
@armenian9922
@armenian9922 2 жыл бұрын
you should add different classes for each p
@rwapasta
@rwapasta 4 жыл бұрын
How do I open a css format in word on ipad? I needs help
@kalyan_kama
@kalyan_kama Жыл бұрын
Why don't you start videos on javascript and python also
@gammacreeper1234
@gammacreeper1234 5 жыл бұрын
Can you pls pls pls tell me The Name of the Editor that you use? We are going to write a classtest in HTML/CSS. So pls tell me :)
@shesoldmychicken7241
@shesoldmychicken7241 5 жыл бұрын
atom
@theredpill7897
@theredpill7897 4 жыл бұрын
couldn't you just do .index-h1 { color: #ff0066; font-family: cooper black, arial, "times new roman", sans-serif; font-size: 90px; font-style: normal; font-weight: 100; text-align: center; } in style.css? Thanks!!
@MaximumBloop
@MaximumBloop 2 жыл бұрын
I tried this and font-weight, font-size, and color did absolutely nothing
@abdulkahar4431
@abdulkahar4431 2 жыл бұрын
i recomend online color picker for you guys who want to see code od the color and alsow rgb color
@davidlourenco4662
@davidlourenco4662 5 жыл бұрын
Atom for HTML and which program do you use for CSS
@Dani_Krossing
@Dani_Krossing 5 жыл бұрын
I use Atom for everything web related.
@arjunm.r8641
@arjunm.r8641 4 жыл бұрын
is there any css property to covert normal text box into password format?. I need all your help,if you know its answer don't hesistate to give reply?
@ZuElVenado
@ZuElVenado 3 жыл бұрын
Yo i was freaked out because my text was WAY too separated when using the text-height, then i noticed i didnt put the "px" on the number, so note to everyone including me, remember to write 20px, instead of 20.
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
Programming with Mosh
Рет қаралды 9 МЛН
艾莎撒娇得到王子的原谅#艾莎
00:24
在逃的公主
Рет қаралды 52 МЛН
Kind Waiter's Gesture to Homeless Boy #shorts
00:32
I migliori trucchetti di Fabiosa
Рет қаралды 13 МЛН
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,5 МЛН
Learn HTML in 1 hour 🌎
1:00:00
Bro Code
Рет қаралды 2 МЛН
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 468 М.
Background images with HTML & CSS
20:19
Kevin Powell
Рет қаралды 360 М.
The Easiest Way to Build Websites
10:56
Sajid
Рет қаралды 442 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 943 М.