Welcome back, everyone, in this lecture in section, we're going to be discussing CSIS.
Now that we understand the very basics of HTML tax and elements, let's go ahead and move on to a brief
introduction to CSIS, which stands for cascading style sheets, and CSIS is really designed to separate
out the styling of each two elements into a separate document.
Now, we've already seen a small example of the style attribute, and all elements have a style attribute,
which is why style is known as a global attribute.
We could apply this to any element.
For example, let's imagine on our HTML document, we have a paragraph element tag and then inside this,
we have text and I wanted this text to show up as the color green on the actual user web page.
What I could do is for this specific element I could call the style attribute and then set up the color,
property and value for it.
So here I have style the attribute inside my paragraph tag.
And then I have the style property, which is color, and I've given it the value green.
Now it's going to be inefficient is I would have to do this for every single paragraph element on the
page.
If I actually wanted to change all the text on the page to green.
So clearly, it will be a lot more efficient if I could separate out these style property assignments
to another CSV file and then leak that CSV file to the HTML, which would then also allow us to assign
styles to multiple elements at once using what is known as selectors.
So in the CSV file, I'll be able to say something like for all paragraph tags in the HTML change the
color of the text to green, rather than having to do that for every single paragraph element in my
HTML document.
Now, you should know, after we learn about CSIS, the very next section of the course is us moving
on to discuss Bootstrap, which is a framework for the front end that is actually going to provide us
with templates for really quick and easy styling that we could later customize ourselves.
I just want to point out that we're not really going to dive too deep into the success of our web sites
throughout the rest of the course.
We just want to give you enough knowledge to understand what's going on when we see something like bootstrap.
So again, the goal of this action is not to make it familiar every possible success property, but
to know enough about it to later style and customize your own websites and be able to read online documentation.
And later on, when you see how well bootstrap works, you're going to be able to just really quickly
make really good looking sites without having to write too much code.
OK, so what are we actually going to learn in this section?
We're going to talk about just basic styling, starting with color and how to connect X-File to an HTML
file and begin to style elements.
Then we'll talk about some common style attributes.
We'll talk about selectors.
That is things like class and I.D. We'll discuss fonts, how to change the font on your website, and
then we'll talk about box models, which allows us to actually have spacing and padding around elements.
OK, let's get started.
I'll see you at the next lecture.