CSS Tutorial For Beginners 05 - Inline & Embedded Styles

Подписаться 1,5 млн

Просмотров 72 тыс.

50% 1

Yo ninjas, in this CSS for Beginners tutorial we'll take a look at how NOT to apply CSS to your HTML (99% of the time, at least :) ). This includes the yucky in-line style approach, where we apply CSS styles directly to the tags themselves via the 'style' attribute, and embedded styles in the head of the document.
In the next movie we'll take a look at External Style Sheets and why they're sooo much better :).
HTML Basics Attributes video - • HTML Tutorial for Begi...
For the whole CSS tutorial playlist visit - • CSS Tutorials For Begi...
For the HTML Basics Course - • HTML Tutorials For Beg...
For more front-end development tutorials & to black-belt your coding skills, head over to - / @netninja or thenetninja.co.uk
Twitter - @TheNetNinja - / thenetninjauk

Опубликовано:

31 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@edhead76 7 лет назад

Dude, your videos rock! However, I like to snack while I watch training courses. That "Huaaa!" sound effect catches me off guard everytime and I spitting out food at the monitor from laughing so hard. lol. These videos have been a life saver for me, so thank you! I love your core message of quality vs messy.

@saadmanahmed860 4 года назад

0:00-2:52 introduction 2:53-5:09 inline style 5:10-8:43 Embedded style

@x.x206 3 года назад

Thank youu

@aram_decoy 2 года назад

can we just appreciate the amazing work, time, and dedication put into the slide segways ;)

@abdullahiahmed6341 6 лет назад

thank you so much for uploading this tutorial, you have no idea how much you helped me

@sunilkc5927 3 года назад

Tha Hua sound always scares me. LOL

@NetNinja 3 года назад

Haha, it's not in my later videos!

@khushisharma7698 3 года назад

@@NetNinja why???? I love it!

@blank-vw2sb 3 года назад

0:40 Cowabunga! I thought Token is the only guy who uses this word Nice videos man

@EhtishamAhmad 6 лет назад

Ok what if we cover all p in embedded and do inline styling for the welcome message, would that embedded make any affect on that specific inline as well as it comes under p tag or not?

@amandamullins7802 7 лет назад

So, you are my new favorite CSS ninja go to for help, you just said cowabunga, which I just used about 25 minutes ago in a sentence...lol. You are great and very helpful!

@magica2z 6 лет назад

You are Awesome.. Thank you for all these great videos..

@Divya_SP 10 месяцев назад

I have a question. As you said we could do inline styling for 'welcome' since its only on the first page and suppose we also do external styling for tag 'p' for 10 pages ('welcome' is in tag p as well) , which style would be applied to 'welcome'? Edit: The answer is in conflicts and cascade, thenks!

@michaelabeyta2454 6 лет назад

Thank god I found your channel

@ncmathsadist 6 лет назад

great explanation.

@syaniworld 3 года назад

Can you do one where you can blend two colours for your website background, please.

@androwjs6147 8 лет назад

The id="header" attribute is required?

@NetNinja 8 лет назад

+Androw JS Hey - in this particular example, no, it's not needed. But I think in later tuts I make use of it :).

@marcorentap 8 лет назад

what is the difference of using id=" " and class=" " ?

@NetNinja 8 лет назад

marc owen Hi Marc. Basically the difference is that a class can be used multiple times on a HTML page and an ID should only be used once. A good example would be if you have a lot of image tags on your page each with a class of 'gallery-image' or something, so you could style all of those images the same using a class selector. An example of an ID would be to give a div tag and ID of 'page-header', because that element/div only appears once on each page. There is a tutorial (number 9 in this series) explaining in more depth the differences :).

@marcorentap 8 лет назад

I see.. thanks :)

@user-ci7mn8iv1u 5 лет назад

awesome

@NetNinja 9 лет назад

New CSS Beginners video (The woes of inline styling) - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jpjzhva3owA.html

@abhijeetpednekar8005 7 лет назад

You rock

@NetNinja 7 лет назад

Thanks :)

@simraujla5748 5 лет назад

Greattt

@amesmerisedbeing 2 года назад

Thank you 🙏🏻

@NetNinja 2 года назад

You’re welcome 😊

@user-xh3vj4gb8x 4 месяца назад

huaa and cowabunga is great

@anashelios282 8 лет назад

please can you upload the ninja voice please

@EhtishamAhmad 6 лет назад

It'd good if we see the preview as well mate..

@jeffharl8094 6 лет назад

if you just type it. then click open in browser. it will show you. its a 10 minute vid. with about 6 min. of him explaining code. takes you 3 min to copy it down and then preview it yourself. js. idk if that helps or not.