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

NEW UPDATED 2023 COURSE AVAILABLE! 🙂 You can find it here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-v8jDnBYc0bs.html&ab_channel=DaniKrossing

I'm gonna start liking your videos because you don't beg for likes every video. well done.

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

This is what I love to see, to understand each and every attribute, it is very clear. Thanks again.

I am learning at the age of 46... Your explanation is impressive...

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.

Your tutorials are the BEST. So sending money to contribute because you truly have the best teaching style!!!!!

I'm just so much in love with this channel.. Man your lessons are excellent! Keep on doing this great job

perfect clear voice very understandable tutorial ..looking forward to see all videos next

thank you so much! this definitely helped a lot

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!!

Thank you for making these tutorials, kind sir.

I am following your series, incredible stuff!

GREAT JOB, you are a GREAT instructor thank you for your time. I JUST subscribed!!!!!

You maintain very high standards through all your videos. Many thanks.

I can't get enough of these lessons. Thank you so much.

I am really enjoying all of your tutorials!

Thanks, this is exacly what i needed!

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.

Very important chapter indeed in terms of css. Dani bro kept it to the point and clear . I would be learning from both his series on html and css . Thank you for your hardwork and time !

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!

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!

good job, bro!

it is really a good video for the beginners and i really appreciated your work.

This was great!! Thank you!

Thank you for that!!!!!!

Thanks for this good Turtorial

That was very useful thank you so much !

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 💀)

Great..thaks so much...👍

thank you this is very helpful

Thank you for this Video.

Thank you for this

Brilliant job

Thanks for the video

I love you for doing this tutorial!

thank you so much .It helped me a lot :)

Thank you!

YOU ARE AWESOME!!!!!

really helpful thanks

Bro thanks alot you have a good and nice way to explain.

this is a very clean lesson thanks

Long time no see. Btw your channel made great progress, i remember when you had 10k subs, now you have 41k. Congrats, mate.

Wow ur are amazing .. thank u 💕💕

thanks !!

thank you so much sir

14:00 Thanks man

nice tutorial Sir :)

Thanks

brilliant

Well explanation thank u

your voice is very good. Way of teaching is awesome

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!

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.

ty for video what the program the u used

thank you

I like it

I want to know, how do you SEPARATE paragraphs using CSS instead of inside HTML?

I would love to have you as a teacher

you are the best teacher ever

i like and leave a comment each time cos you dont beg for that ...like others right...stay happy and cool

What is the program that you are using like the thing you are Actully tying all of this in

Hi what's your text editor?

how can i put a transparent background box behind the para ?

Can i ask, what tool do you used ?

Hi was wondering what happened to part 10? The playlist just goes to an old video?

Notification squad☝☝

Love and respect from India 🇮🇳🇮🇳

what if we have 2 ? how do u specify it??

Which software are you using for coding?

Sir May i know how to change the font-color

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 ?

What's the name of the app you're using?

Hy sir how can we create dashboard like online study database and how can we access this dashboard? Can u tell me in details?

How do I open a css format in word on ipad? I needs help

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

how do u change to a different font if u had more than one title. So each title has a different font

How do I make a paragraph appear only on the left Not using text align

I am having an issue, letter-spacing is not working for chrome as well as Microsoft edge.

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!)

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?

Is any kind of website or software exist where I can learn typing and codding together?

Please provide the link to download the editor you are using.

so my html has lots of h1-2-3 and li and dt - dd. i need to the background color and change all the font without including headers how do I do that ? also I'M using brackets in apple mac. thank you in advance

Helped me 100% u got a sub from me

from india

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!!

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 :)

Does anyone else's file save as /* style.css ???

Atom for HTML and which program do you use for CSS

How do you change the color of individual lines of text within a paragraph?

What if i want to have multiple different fonts on links in one page

Why don't you start videos on javascript and python also

Kan du måske hjælpe lidt med et login system? ved godt du har lavet en video... har fulgt den og det virkede ikke rigtigt... jeg har prøvet alt muligt... mine oplysninger vil ikke gå ind til min database...

How can i type text in 2 different colors. Please help me. Thanks

i am using photoshop to get the color codes

I need help TwT In my Dreamweaver it says " 'style.css' is not on the loacl disk. " please idk how to put it and i want to script on style.css :(

i recomend online color picker for you guys who want to see code od the color and alsow rgb color

Y is no working? It did not work in the phone it did not look like cersive, what did i do wrong?

6:20