1 00:00:00,450 --> 00:00:03,880 Hi welcome to Unit 5 an introduction to see assess. 2 00:00:03,900 --> 00:00:05,830 So we've had to you know some HMO. 3 00:00:05,910 --> 00:00:11,790 Now we have two units that are purely about C Ss we do have to use some HMO in order to use the SS But 4 00:00:11,790 --> 00:00:17,460 we're really focusing on CSSA for now Unit 5 and unit 6 where we go back and go into some more detail 5 00:00:17,520 --> 00:00:22,380 around to see assess and we make some more styled some more substantial projects in the 6 unit. 6 00:00:22,560 --> 00:00:25,970 But for now we're starting out by talking about how CSSA works. 7 00:00:25,980 --> 00:00:27,850 So we have five main objectives in this unit. 8 00:00:28,080 --> 00:00:33,150 The first one is that I want you to understand how you write valid CSSA files following what I call 9 00:00:33,150 --> 00:00:38,790 the general rule of C assess the next objective is that I want to show you how we incorporate C Ss into 10 00:00:38,790 --> 00:00:39,870 an HTML file. 11 00:00:40,020 --> 00:00:45,300 So how we include an external CSSA file and link to it properly instead of an aged him old document 12 00:00:45,570 --> 00:00:47,080 and I'll show you a couple of ways of doing that. 13 00:00:47,100 --> 00:00:52,680 And then once you connect our CSSA files to our HMO files we'll start writing some more C Ss and then 14 00:00:52,680 --> 00:00:58,440 the next objective is I want to be able to select elements writing CSS to select HTML elements based 15 00:00:58,440 --> 00:01:04,530 off of tag names classes and IDs and then along with that I want to be able to style those elements 16 00:01:04,530 --> 00:01:09,840 that you select with some of the basic important as properties like color background color and border 17 00:01:10,230 --> 00:01:13,310 and we'll see quite a few more ways to style things in the next unit. 18 00:01:13,410 --> 00:01:18,150 And this one we're focusing more on just the key basic things that you can do to style an element and 19 00:01:18,150 --> 00:01:22,740 then we have another objective which is for you to be able to use the chrome developer tools. 20 00:01:22,860 --> 00:01:28,590 And in particular the CSSA inspector to debug your C assassinated Kimmo and then at the very end of 21 00:01:28,590 --> 00:01:30,570 this unit we'll have another exercise. 22 00:01:30,750 --> 00:01:35,280 And this is a little bit different than most of our exercises and that it's not about making a project 23 00:01:35,310 --> 00:01:36,990 it's not having a finished product. 24 00:01:37,110 --> 00:01:39,140 Rather it's more of a traditional exercise. 25 00:01:39,210 --> 00:01:44,670 We're going to give you a set of instructions things I want you to try and do with SS Like make all 26 00:01:44,670 --> 00:01:52,350 the image tags purple and have a red border or make all the H ones 20 pixel font size and text align 27 00:01:52,350 --> 00:01:53,220 line centered. 28 00:01:53,220 --> 00:01:57,780 So it's more of a scavenger hunt for CSSA selectors than it is about building a finished product. 29 00:01:57,870 --> 00:02:03,300 But in the next unit unit 6 we then have a couple of really cool nice looking things that are completed 30 00:02:03,300 --> 00:02:05,360 projects so you can look forward to that. 31 00:02:05,590 --> 00:02:05,830 OK. 32 00:02:05,850 --> 00:02:06,930 So let's get started.