Тёмный

External Style Sheets | CSS | Tutorial 10 

Giraffe Academy
Подписаться 307 тыс.
Просмотров 125 тыс.
50% 1

Source Code - www.giraffeacad... This video is one in a series of videos where we'll be looking at styling websites with CSS. The course is designed for new web developers, and will introduce common web development and styling concepts using the CSS language.
Throughout the course we'll be looking at various topics including colors, margins, padding, positioning, selectors and much more.

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

 

20 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 78   
@simbaevans.3301
@simbaevans.3301 4 месяца назад
This guy is the best instructor in the programming industry.He makes things simple to learn and even enjoyable to apply them
@kennethmckeith7908
@kennethmckeith7908 4 года назад
Finally somebody who makes a External Style sheet not intimidating! god, I wish my instructor did this! Thx Mike
@coker9030
@coker9030 5 лет назад
You have the best tutorials!!! Very precise and thorough. Thanks a lot!
@omarelijah9754
@omarelijah9754 3 года назад
i guess I am kind of randomly asking but does anyone know a good site to watch new series online?
@520lun
@520lun 2 года назад
​@@omarelijah9754your mom basement tv
@teamlovepanda
@teamlovepanda 2 года назад
Mike thank you so much!! I gave up coding a few years back because the videos available, had really tiny html coding. I'm so happy to have found your page! You make things simple and digestible these short videos are amazing. I will be learning everything that you have on your channel. Thank you again!! 💯👏🏽👏🏽
@randoncarr2126
@randoncarr2126 4 года назад
Your tutorial is FANTASTIC! I tried it and it worked in less than 5 minutes! Already liked and subscribed.
@danielletimmer5252
@danielletimmer5252 4 года назад
These tutorials are great!! I have learned so much from it. Thank you very much Mike!
@matiassolomon7198
@matiassolomon7198 3 года назад
thank you for this tutorial. i'm improving my english, and i'm learning something useful!
@MalkiaMmoja
@MalkiaMmoja 2 года назад
Simple, concise and informative. That's why I love Mike's lessons so much.
@1life857
@1life857 4 года назад
I appreciate you taking your time to teach us.I am learning so much, and the way you display your screen is super nice an big, easy to follow.Thanks.
@umar56838
@umar56838 2 года назад
Thank you so much you explain it way easier. gosh you're a real good teacher!
@victorynwokejiobi1762
@victorynwokejiobi1762 2 года назад
I've been looking for you all over the internet.. I'm glad I saw this tutorial.. Thanks so much Mike
@FlamingoFliez
@FlamingoFliez Год назад
anything i have to learn about coding i just come to your channel
@jchancalifornia
@jchancalifornia 3 года назад
Short, concise AND clear instructions. Thanks!
@bre9796
@bre9796 2 года назад
i dont know what i was doing wrong but after watching your videos it started to work! thank you
@nathalievanbellegem5313
@nathalievanbellegem5313 2 года назад
thank you, you just saved my assignement due to tonight! I actually understand what i'm doing now!
@landrino5598
@landrino5598 2 года назад
Beginner friendly tutorials 😍
@Epikht
@Epikht 2 года назад
Bro if u only knew how u’re making our lives easier, thank you
@simbaevans.3301
@simbaevans.3301 4 месяца назад
if he only knew
@tmasst07
@tmasst07 2 года назад
Mike please add a video where you link with relative and absolute file paths. Most of the tutorials I find all do the same thing were the stylesheet is in the same 'root' folder as the html doc. But in other examples, the CSS is in a folder to itself as the HTML and JS are in folders for themselves.
@pasekaparker2082
@pasekaparker2082 2 года назад
Thank you so much, I'm literally sharing this link to everyone, because wow!! Thanks man🙏
@sameerabdul5831
@sameerabdul5831 Год назад
Thank you for explaining external css..nice explained
@lovelybacha7704
@lovelybacha7704 Год назад
Thank you so much this helped a lot!!!! You saved my life
@limitless1692
@limitless1692 5 лет назад
This is true power :) Cool
@ehteshamali2893
@ehteshamali2893 3 года назад
You didn't mention that we have to create a static directory. Not even in the HTML course and not even here. It is absolutely necessary for it to be set up, in order to see the changes you are making to the website.
@princesinday6570
@princesinday6570 4 года назад
thank you sir mike
@abby7070
@abby7070 3 года назад
thank you, thank you, thank you!!! 👏
@ruggedbypowell
@ruggedbypowell 2 года назад
thanks so much man.. this was indeed helpful
@herecomestherainagain3031
@herecomestherainagain3031 3 года назад
thank u bro you are legen... wait for it ...dary !!!!!
@cediegg2343
@cediegg2343 3 года назад
very useful man. keep on sharing mann !!
@tokoiaoben3842
@tokoiaoben3842 4 года назад
Thanks your time and effort .. keep posting quality videos
@teodorsljukic2436
@teodorsljukic2436 Год назад
ITS REALLY WORKED LOL THANK YOU DUDE
@peterjustus8099
@peterjustus8099 2 года назад
Thank you very much, I am a beginner and was instinctively searching for such a possibility in google and now found it!
@blackdiamondyt-brawlstars8789
@blackdiamondyt-brawlstars8789 3 года назад
Thank you so much for this lesson!
@apucreations
@apucreations 2 года назад
Thank u so much brother...
@Jimpkin
@Jimpkin 2 года назад
Thankyou!! this helped me so much
@mohammedamer7896
@mohammedamer7896 2 года назад
excellent video
@Ravi20002
@Ravi20002 3 года назад
Mike sir I love your tutorial. Tysm💐💐💐🙏🙏👏👏🥳🥳☀️☀️🙋🏻🙋🏻
@bettyrizzo6167
@bettyrizzo6167 2 года назад
You're the best sir i love you
@johnravencruz3013
@johnravencruz3013 2 года назад
Now I can do my exam! Thanks a lot
@learningpoint62169
@learningpoint62169 3 года назад
That's a wonderful great work 😌😌👍🏻
@a3b33dubs
@a3b33dubs 4 года назад
Very helpful - thanks!
@nurettinozturk3110
@nurettinozturk3110 3 года назад
Very instructive!
@IbrahimDable
@IbrahimDable 8 месяцев назад
Thanks..teacher.❤
@tayetefera5529
@tayetefera5529 Год назад
thank you mike done
@hayet1806
@hayet1806 4 года назад
Thanks a lot that was very helpful
@tanjinar_24
@tanjinar_24 3 года назад
Thank you!
@baljitsinghbal1970
@baljitsinghbal1970 2 года назад
Brother I am trying to really heard attach my html file with css file but it's not working please tell everything like how your making css file and where you saving it every small thing ,
@sonamuhialdeen7866
@sonamuhialdeen7866 3 года назад
Very good information
@toukent
@toukent Год назад
thanks homie
@shivanidhanak4053
@shivanidhanak4053 3 года назад
Thankuuuu❤
@yeabsiranigusse3271
@yeabsiranigusse3271 2 года назад
Hmm Good!...so this is like creating HTML header file....thank you!
@madaellanedavid8716
@madaellanedavid8716 3 года назад
what if it doesnt have the same directory
@Omgylfr
@Omgylfr 3 года назад
still not working for me. I tried linking it your way and also and it still doesn't work.
@ahmadmurtador9497
@ahmadmurtador9497 2 года назад
Hope you named your css style sheet (style .css) because if not ,it wont work But if you named it another tittle you gonna use the tittle for it I'm very sure it will work then
@reidr7715
@reidr7715 2 года назад
Thank you man, your explanation is perfect !
@wumbai
@wumbai 2 года назад
Thank you. May never any bad accure to u
@kawaiirana3778
@kawaiirana3778 2 года назад
I have exam tomorrow Thank you for this lesson
@entity5209
@entity5209 3 года назад
Arigatou gozaimasu Mike-San
@JR-hh8js
@JR-hh8js 2 года назад
what ide is that ?
@markdemasseur
@markdemasseur 3 года назад
thanks bro!!
@aswinthayil5541
@aswinthayil5541 3 года назад
Thanks❤
@wilfredjohnson2008
@wilfredjohnson2008 4 года назад
you are the messiah.
@mrinalsahu7564
@mrinalsahu7564 3 года назад
is there any way to auto save the file while i am working on it, to avoid using ctrl+S everytime? I use atom.
@muhammadmukhshaf4778
@muhammadmukhshaf4778 3 года назад
I recommend VS Code
@mrinalsahu7564
@mrinalsahu7564 3 года назад
@@muhammadmukhshaf4778 thanks for the reply, but back then i waa just starting to code. Now I use VSC too lol
@muhammadmukhshaf4778
@muhammadmukhshaf4778 3 года назад
@@mrinalsahu7564 VS Code is lit but my Mac is so outdated that now I gotta use Sublime Text. I could install an older version of VS Code but that’s too much work.
@mrinalsahu7564
@mrinalsahu7564 3 года назад
@@muhammadmukhshaf4778 Aww, I have sublime text and it isn't so good
@muhammadmukhshaf4778
@muhammadmukhshaf4778 3 года назад
@@mrinalsahu7564 It’s alright, when you drag a folder or create a file, it’s annoying. I like it better than Atom because it renders smoothly whenever I run a webpage.
@aryanshmahato
@aryanshmahato 5 лет назад
Mike sir, You didn't add source code of this video on your website
@christiankoopman9985
@christiankoopman9985 3 года назад
WHY DO YOU HAVE A FAceCAM While PROgraMMING
@reema8363
@reema8363 Год назад
Ngl you cute
@snehas3574
@snehas3574 Год назад
ody{ margin: 0; padding: 0; font-family: 'Poppins'; } .head{ display: flex; } .top{ background-color: #B93D04; display: flex; justify-content: center; width: 100%; } .h1{ font-size: 40px; font-weight: normal; color: white; padding-top: 5px; } .h2{ text-transform: uppercase; word-spacing: 19px; text-align: center; font-size: 11px; padding: 25px; position: relative; margin-left: 440px; color: white; } .img1{ margin: auto; position: relative; } .dog{ position: relative; display:flex; height:300px; margin-left: 28px; padding-top: 18px; width: 200px; } .container{ max-width: 1000px; margin: auto; } .flex{ display: flex; } .p1{ font-size: 30px; color: black; } .p{ font-size: 14px; color: black; } .button { color:white; background-color:#00BED3; border-style: none; padding: 10px; } .content{ margin-left: 28px; position: relative; } .h3{ font-size: 30px; color: black; }
@snehas3574
@snehas3574 Год назад
body{ margin: 0; padding: 0; font-family: 'Poppins'; } .head{ display: flex; } .top{ background-color: #B93D04; display: flex; justify-content: center; width: 100%; } .h1{ font-size: 40px; font-weight: normal; color: white; padding-top: 5px; } .h2{ text-transform: uppercase; word-spacing: 19px; text-align: center; font-size: 11px; padding: 25px; position: relative; margin-left: 440px; color: white; } .img1{ margin: auto; position: relative; } .dog{ position: relative; display:flex; height:300px; margin-left: 28px; padding-top: 18px; width: 200px; } .container{ max-width: 1000px; margin: auto; } .flex{ display: flex; } .p1{ font-size: 30px; color: black; } .p{ font-size: 14px; color: black; } .button { color:white; background-color:#00BED3; border-style: none; padding: 10px; } .content{ margin-left: 28px; position: relative; } .h3{ font-size: 30px; color: black; }
Далее
IDs & Classes | CSS | Tutorial 11
10:25
Просмотров 46 тыс.
CSS Selectors | CSS | Tutorial 12
9:12
Просмотров 51 тыс.
People Cling To Trees As Typhoon Slams Into Shanghai
00:34
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 956 тыс.
The secret to mastering CSS layouts
17:11
Просмотров 281 тыс.
Coding SUCKS for Beginners | Let's Rant!
17:40
Просмотров 161 тыс.
Basic Inline Styling | CSS | Tutorial 2
11:02
Просмотров 126 тыс.
Learn CSS in 12 Minutes
12:11
Просмотров 2,3 млн
I gave three AI models a CSS quiz
50:31
Просмотров 10 тыс.
A flexbox trick to improve text wrapping
5:02
Просмотров 215 тыс.
Is JavaScript BAD for Beginners? | Let's Rant
14:53
Просмотров 41 тыс.
People Cling To Trees As Typhoon Slams Into Shanghai
00:34