Coding

What is CSS – academind.com Snippet

  • 00:00:00 welcome to what is CSS CSS stands for
  • 00:00:05 cascading style sheets and to use CSS
  • 00:00:08 you need this as a starting point you
  • 00:00:11 need you or mere having a look at a
  • 00:00:13 website and the content of this website
  • 00:00:16 is entirely displayed in the browser now
  • 00:00:20 how can the browser display this
  • 00:00:21 information but the answer is the
  • 00:00:24 browser needs code specifically the
  • 00:00:27 browser needs HTML
  • 00:00:28 he must have HTML without HTML nothing
  • 00:00:32 would work but then the browser could
  • 00:00:34 also receive CSS code or JavaScript code
  • 00:00:38 that what's the purpose of all these
  • 00:00:39 well as I said hTML is the base of each
  • 00:00:43 website because it's responsible for the
  • 00:00:46 content of a website CSS is responsible
  • 00:00:50 for the style of a website so you don't
  • 00:00:53 need CSS but if you want to have a
  • 00:00:55 beautiful website well you probably want
  • 00:00:57 CSS and you have JavaScript to add logic
  • 00:01:01 to your website now we will focus on to
  • 00:01:03 CSS on to this style part because what
  • 00:01:07 can we style with CSS well the answer is
  • 00:01:11 we can add a lot of style to our website
  • 00:01:13 examples would be color so we could
  • 00:01:16 change the color of the text or of
  • 00:01:18 specific elements on our website we can
  • 00:01:21 also change the size of fonts or
  • 00:01:24 elements for example we could also work
  • 00:01:27 on the position of specific elements
  • 00:01:29 imagine that you want to have a
  • 00:01:31 navigation bar on your website which
  • 00:01:33 should always be sticked to the top of
  • 00:01:35 your website this is something that can
  • 00:01:37 be achieved with CSS
  • 00:01:39 additionally you could also add a
  • 00:01:42 responsive design to your website
  • 00:01:44 because nowadays we have a lot of
  • 00:01:46 different devices we have best of
  • 00:01:48 computers we have laptops we have
  • 00:01:50 tablets or smartphones and you want to
  • 00:01:53 make sure that the user gets the best
  • 00:01:55 experience on every device this is also
  • 00:01:58 something that you can do with CSS now
  • 00:02:01 let's maybe have a look at a really
  • 00:02:03 quick example to see how CSS can change
  • 00:02:06 the look of a website because this
  • 00:02:09 website right here is based on HTML only
  • 00:02:12 it works no question about that but does
  • 00:02:15 it look good
  • 00:02:16 I don't think so now let's add CSS to
  • 00:02:20 our website and then it could look
  • 00:02:21 something like that as you can see we
  • 00:02:24 have different colors we worked on the
  • 00:02:27 font style we worked on the positioning
  • 00:02:29 of the elements and a lot more in
  • 00:02:31 addition to that we also added a
  • 00:02:34 responsive design to our website because
  • 00:02:36 as you can see right here our website
  • 00:02:38 also looks good on a mobile device and
  • 00:02:41 this is actually what you can do with
  • 00:02:44 CSS