Amin Mousavi
Amin Mousavi
  • 18
  • 47 478
How to Add CSS to HTML | 3 Methods Explained
Adding CSS to HTML can be done in three ways: inline, internal, and external. In this video, I'll explain each method, why external styling is the preferred method, and how to implement it correctly.
Inline CSS: Adds styles directly to your HTML element.
Internal CSS: Adds styles within a style tag in the head section of an HTML document.
External CSS: Adds styles in a separate CSS file and links it to an HTML document using the link tag within the head section.
มุมมอง: 53

วีดีโอ

Learn CSS Box Model with ExamplesLearn CSS Box Model with Examples
Learn CSS Box Model with Examples
มุมมอง 13511 วันที่ผ่านมา
Every visible HTML element comes in the form of a box, and that's why we have this thing called the box model, which allows us to adjust the size, spacing, and placement of the box. We'll look at the different layers of the box model: content, border, and the differences and use cases for padding and margin. Finally, we'll learn about box sizing, how it affects the size of our boxes, and how we...
Comparison & Logical Operators in PythonComparison & Logical Operators in Python
Comparison & Logical Operators in Python
มุมมอง 1023 หลายเดือนก่อน
Comparison operators are used to create conditions, and logical operators are used to combine multiple conditions together. There is a certain order of evaluation you need to follow: comparison operators first, then the NOT operator, then the AND operator, and finally the OR operator. However, by using parentheses, you can control the order of evaluation yourself. Watch the entire Python series...
Defining Functions in PythonDefining Functions in Python
Defining Functions in Python
มุมมอง 2.8K3 หลายเดือนก่อน
In this video, you'll learn everything you need to know about defining functions in Python. This includes adding input, receiving output, adding default arguments, storing functions into a variable, and using functions as arguments for other functions. Watch the entire Python series to learn every bit! 🔥 th-cam.com/video/fQLFIHEKGOE/w-d-xo.html Course content: 00:00 Intro 00:04 What is a functi...
Built-in Functions & Modules in PythonBuilt-in Functions & Modules in Python
Built-in Functions & Modules in Python
มุมมอง 2.8K3 หลายเดือนก่อน
In this video, we'll take a look at the most commonly used built-in functions and modules in Python. Functions are used to perform a specific task and modules are essentially reusable pieces of code written by other developers, which you can import into your own projects and use immediately. This can save you a significant amount of effort by avoiding the need to write all the code yourself. Wa...
Variables in PythonVariables in Python
Variables in Python
มุมมอง 1053 หลายเดือนก่อน
In this video, we'll learn everything about variables, including how to define them and the rules and guidelines that apply. We'll also learn how to perform variable operations and finally we'll take a look at the reserved keywords in Python. Watch the entire Python series to learn every bit! 🔥 th-cam.com/play/PLzrmUjyPuWvy_7KI3BnbZOBWbfgD0Dc6i.html Course content: 00:00-00:09 Intro 00:09-00:22...
Data Types & Expressions in PythonData Types & Expressions in Python
Data Types & Expressions in Python
มุมมอง 1523 หลายเดือนก่อน
In this video, we'll take a look at some of the fundamental data types, including strings, integers, and floats. We'll learn how to write expressions using arithmetic operators, how to manipulate strings, and finally, we'll look at type casting. Watch the entire Python series to learn every bit! 🔥 th-cam.com/play/PLzrmUjyPuWvy_7KI3BnbZOBWbfgD0Dc6i.html Course content: 00:00-00:06 Intro 00:06-00...
Merge Sort Algorithm in JavaMerge Sort Algorithm in Java
Merge Sort Algorithm in Java
มุมมอง 1.7K4 หลายเดือนก่อน
In this video, we'll take a look at Merge Sort, a divide-and-conquer algorithm implemented using recursion. It sorts an array in two phases: first, by splitting it into one-element arrays, and then merging them back into sorted order. If you find recursion challenging, this video is designed not only to help you learn Merge Sort but also to aid you in visualizing the recursive process, understa...
Learn Recursion the Easy WayLearn Recursion the Easy Way
Learn Recursion the Easy Way
มุมมอง 984 หลายเดือนก่อน
In this video, we'll learn how recursion works and understand how to write recursive methods. We'll use the example of the factorial function. Towards the end, I'll precisely illustrate how functions are invoked and pushed onto the call stack. You'll also understand the importance of the breaking condition and learn how to avoid a call stack overflow. Video content: 00:00-00:05 Intro 00:05-00:3...
Insertion Sort Algorithm in JavaInsertion Sort Algorithm in Java
Insertion Sort Algorithm in Java
มุมมอง 504 หลายเดือนก่อน
In this video, we'll take a look at the Insertion Sort algorithm. Similar to the previous algorithms, it divides the array into a sorted and unsorted partition. However, it sorts the array from the front. It takes an element from the unsorted partition and inserts it in its correct position. With each iteration, the sorted partition grows by 1. We'll understand how it works, implement it in Jav...
Selection Sort Algorithm in JavaSelection Sort Algorithm in Java
Selection Sort Algorithm in Java
มุมมอง 574 หลายเดือนก่อน
In this video, we'll have a look the Selection Sort algorithm. It's not the most efficient method, and the performance can decline as the items to sort increase. However, it may perform slightly better than Bubble Sort because there isn't as much swapping needed. We'll understand how it works and implement it in Java later. Finally, we'll look at how it performs in terms of memory, time, and st...
Bubble Sort Algorithm in JavaBubble Sort Algorithm in Java
Bubble Sort Algorithm in Java
มุมมอง 3K4 หลายเดือนก่อน
In this video, we'll take a look at the Bubble Sort algorithm. It's not the most efficient algorithm, as the performance degrades quickly with an increasing number of items to sort. However, it serves as an introductory algorithm and is a good step to start learning about algorithms. We'll first learn how it works, and later in the video, we'll implement it in Java. Finally, we'll take a closer...
Learn CSS Grid in 11 MinutesLearn CSS Grid in 11 Minutes
Learn CSS Grid in 11 Minutes
มุมมอง 4.9Kปีที่แล้ว
In this video I'll teach you everything you need to know, to get started with grid without being overwhelmed. Video content: 00:00 Intro 00:15 Creating a grid container 00:25 Defining columns 00:40 Fraction unit 01:30 Repeat function 01:50 Using multiple units 02:15 Minmax function 02:35 Auto keyword 03:05 Defining rows 03:15 What is a grid? 03:31 Horizontal grid lines 03:37 Row track 04:00 Ver...
CSS Combinators with ExamplesCSS Combinators with Examples
CSS Combinators with Examples
มุมมอง 227ปีที่แล้ว
CSS combinators make it possible to combine multiple selectors together. This is done by looking at the relationship the selectors have with each other, in this video I will teach you how to target the descendants of a specific element, as well as their direct children and sibling(s). This video is part of a playlist (Learn Every CSS Selector) th-cam.com/video/udFRA83kGcY/w-d-xo.html Video cont...
Basic CSS Selectors with ExamplesBasic CSS Selectors with Examples
Basic CSS Selectors with Examples
มุมมอง 209ปีที่แล้ว
CSS Selectors are used to select elements in order to change their style inside the CSS file. One of the basic selectors we're going to discuss is the universal selector, which is used to target all the HTML elements, and the other selectors will target the elements according to their id, class or tag. This video is part of a playlist (Learn Every CSS Selector) th-cam.com/video/udFRA83kGcY/w-d-...

ความคิดเห็น

  • @anguswetty
    @anguswetty 17 วันที่ผ่านมา

    Legend

  • @studioak90
    @studioak90 หลายเดือนก่อน

    Flexbox and grid common part of every devs

  • @ooogabooga5111
    @ooogabooga5111 2 หลายเดือนก่อน

    you should also talk about jagged arrays

  • @juhairahamed5342
    @juhairahamed5342 3 หลายเดือนก่อน

    Thanks

  • @AntiMen0
    @AntiMen0 6 หลายเดือนก่อน

    I LIKE IT!

  • @darksouls6014
    @darksouls6014 7 หลายเดือนก่อน

    Holy shit. you are a lifesaver..

  • @shakilahmed6870
    @shakilahmed6870 ปีที่แล้ว

    Do a same kind of video on grid please

  • @ryuk_shinigami
    @ryuk_shinigami ปีที่แล้ว

    Great video, i would suggest to increase your pace a little.

  • @rameenana
    @rameenana ปีที่แล้ว

    Love your video man. I was looking for a proper flex box tute for someone I’m sorta mentoring and every bloody video is full of unnecessary crap and so long. Your video is to the point, good pace for a beginner, and the way the IDE is laid out is very easy to visually follow. Thanks a lot and since you didn’t ask me to like, subscribe, and share, I’m definitely gonna do that. Please stick to this method of tutorial making and I promise you’ll have a massive following. Appreciate your work. Cheers mate!

    • @amin-mousavi
      @amin-mousavi ปีที่แล้ว

      Thank you appreciate it 🙏🏽

  • @cm3462
    @cm3462 ปีที่แล้ว

    Dude, welcome to TH-cam. Instant subscribe. I have a feeling this channel is going to be great. Love your teaching style, your pace, and your voice. Thank you.

  • @SalatSaiat
    @SalatSaiat ปีที่แล้ว

    ЧО НАХУЙ

  • @donniedamato
    @donniedamato ปีที่แล้ว

    I like how the thumbnail is impossible to do with flexbox.

    • @rarizalx
      @rarizalx ปีที่แล้ว

      Funnily enough, I did that in flexbox because I still don’t understand grid 😂

    • @e.vilcorp
      @e.vilcorp ปีที่แล้ว

      Wym, you can easily create it with flex box

    • @sanjeevsinghrajput5593
      @sanjeevsinghrajput5593 2 หลายเดือนก่อน

      Not impossible, just far more better to just use grids

    • @xreed8
      @xreed8 2 หลายเดือนก่อน

      You just need to define widths on each square/rectangle in the grid and give wrap to flex-wrap. However you’re right in the sense that you can’t fix the grid’s columns and rows though with flexbox

    • @iamtharunraj
      @iamtharunraj 2 หลายเดือนก่อน

      Probably grid

  • @schubertafonso8392
    @schubertafonso8392 ปีที่แล้ว

    This is the tutorial we always needed but never had!!!! Will recommend it to anyone who wants to learn flex-box😙

    • @schubertafonso8392
      @schubertafonso8392 ปีที่แล้ว

      Can you please make a video on grid layout it still haunts me to this day 😅

  • @bluehawkfire55
    @bluehawkfire55 ปีที่แล้ว

    finally, a flex tutorial that isnt 20mins long. I've been starting to hate CSS and rethinking if I even want to do front-end. I figured I should stick it out a little longer and it'll get easier and more enjoyable. This was really simple and to the point.

    • @josh27ofto
      @josh27ofto ปีที่แล้ว

      You should try Kevin Powell's tutorials. It helps me a ton

    • @zaid4708
      @zaid4708 ปีที่แล้ว

      Your attention span is so low mate

    • @royandescartes
      @royandescartes ปีที่แล้ว

      you havent seen "slaying the dragon" then. Ramzi is a CSS God.

  • @9To5Digitale
    @9To5Digitale ปีที่แล้ว

    Thank you 🙏🏻

  • @bogush31
    @bogush31 ปีที่แล้ว

    Best. Thanks👍

  • @shivaamchourasia
    @shivaamchourasia ปีที่แล้ว

    Great explanation. Could please answer this. I was asked to do this in interview. HTML ---------- <!-- Make both elements width align --> <p>Sample paragraph</p> <h1>Heading One</h1> ----------- CSS ----------- p {width: 220px; padding: 10px; background: gray; } h1{width: 220px; background: green; } -> i was told to make this align without changing the width Could you please answer this or make a video on this

  • @franznbr6591
    @franznbr6591 ปีที่แล้ว

    straight to the point, thanks😁