1
00:00:00,680 --> 00:00:07,610
In the last section of this course we developed a basic Web page using tables and inline style attributes

2
00:00:08,670 --> 00:00:09,590
you might recall.

3
00:00:09,630 --> 00:00:16,220
We styled table borders fonts headings and background colors.

4
00:00:16,320 --> 00:00:24,180
You may have noticed this process was quite inefficient we repetitively had to keep placing the same

5
00:00:24,180 --> 00:00:32,860
style attributes over and over again for any document element that we wanted to apply a style to.

6
00:00:33,000 --> 00:00:42,000
For example if we wanted to change the font color and typeface of text in three separate areas we would

7
00:00:42,000 --> 00:00:47,430
need to change the font face and color attribute in each instance.

8
00:00:47,440 --> 00:00:56,300
This made the process inefficient in the code quite lengthy secondly when we put the Web page together

9
00:00:57,400 --> 00:01:05,390
we put the contents in tables using rows and columns this helped make the page look organized but there

10
00:01:05,390 --> 00:01:10,710
really wasn't too much flexibility in the positioning of our content.

11
00:01:10,790 --> 00:01:19,000
We were more or less limited to left center or right alignment attributes more so we were unable to

12
00:01:19,000 --> 00:01:29,510
stack multiple objects on top of one another for example if we inserted an image into a table cell we

13
00:01:29,510 --> 00:01:34,160
could not place any other object underneath or on top of that image.

14
00:01:34,370 --> 00:01:43,100
A concept known as layering in this section of the course we're going to explore the world of CSX cascading

15
00:01:43,100 --> 00:01:52,770
style sheets CSX helps eliminate all of these issues and makes the development process much more flexible

16
00:01:53,010 --> 00:02:01,900
efficient and browser friendly once you start developing sites using CSX you'll likely never use table

17
00:02:01,900 --> 00:02:03,460
based website layouts again.

18
00:02:05,150 --> 00:02:07,880
This doesn't mean you'll never use tables.

19
00:02:07,880 --> 00:02:14,830
Tables are still an excellent way to layout tabular data but you won't be using them for layout and

20
00:02:14,830 --> 00:02:19,390
styling your website elements in content.

21
00:02:19,430 --> 00:02:21,290
So what exactly is the USS

22
00:02:24,770 --> 00:02:31,910
think of a cascading style sheet as a list of style rules that you can refer to at any time to format

23
00:02:31,940 --> 00:02:38,530
your text images tables and just about any other object on your web page.

24
00:02:41,050 --> 00:02:47,450
These style rules are entirely user defined meaning you make them based on your needs.

25
00:02:47,620 --> 00:02:54,750
They are highly customizable and easy to use furthermore you can link each page on your website to a

26
00:02:54,750 --> 00:03:00,950
single style sheet and update hundreds or even thousands of pages simultaneously.

27
00:03:03,400 --> 00:03:06,760
At this time you might be wondering what a cascading style she looks like.

28
00:03:07,890 --> 00:03:14,310
Well we touched on it in the beginning of the last section if you recall we introduced the style tags

29
00:03:14,850 --> 00:03:20,190
and created a single a single style rule to define the web page text color

30
00:03:23,150 --> 00:03:28,100
if you've forgotten then don't worry we'll be working extensively with style sheets.

31
00:03:28,160 --> 00:03:29,060
During this section.