Summarize
CSS Tutorial – Full Course for Beginners
Dave Gray teaches this comprehensive CSs course for beginners.. This video is made up of 24
tutorials that build upon each other, much like the chapters of a book. Throughout the lessons in
this video. I 've compiled all of these links into one Github resource that you will find in the
description. go ahead and download the version you need and if you need chrome download
that as well install the software and then come back to the video. the first thing we want to do is
create an index. Html file because once again we will apply our CSs to Html.. live server is a
development environment that simulates a web server and that 's what live server does for you
so go ahead and install that once you have that installed. live server will let us not only launch
our Html and CSs but anytime we make. A change in save it will immediately reload just as if it
's on a web..
style as an attribute is an attribute, and now we do n't need a selector which is what the p is up
here. This is selecting the paragraph. We already know it's being applied to a paragraph. So
here I 'll just say color and I 'm learning CSs again and the final way to apply CSs inside an. html
document is with inline CSs. This is really not the way to do it. Though. CSs is using the
American spelling of color. There could be other English words that are different but notice how
visual studio code knows there 's already a problem here and if i save this purple is not applied
to our document. It 's back to the default black text, so we need to spell things with American
English without the U in color. CSs validation service from W3c that 's the world wide web.
Consortium. there are three levels of selectors in CSs selectors that are the most common.. The
most common is an element selector and the second type of selector is a class selector. this is
due to inheritance, so these other elements actually inherited from the body element and we 'll
get more into inheritance in just a little bit too..
classes are the most common type of selector with CSs, but the more specific selector yet is an
id selector.. IdS should only exist once in an Html document they should be unique. In other
words, however, it is not good practice to really use Ids inside of your CSs. Now it will validate
your code has no problem Using an id. the universal selector is the universal selector and this
means it's selecting everything on the page. it selects everything in order to select an element
that 's inside another element. So let 's start with our paragraph elements again and now we 'll
look for any span element inside any paragraph element. this would keep our CSs much more
organized and actually more reusable. It's more flexible this way because we might have some
span elements doing other things that we did N't want to apply this rule. Set to. CSs works like a
waterfall. It works from the top down and that means if I were to put in another definition. I 'll just
copy this down for paragraph. CSs knows these rule sets exist for paragraph, but it also knows
it should follow what is the most specific using rules of specificity..
inclusion is where another element inherits the settings from or the properties from its parent
element. anything related to font or typography is inherited and that can include things like color
line height alignment alignment. any properties that are not related to those things are not
CSS Tutorial – Full Course for Beginners
Dave Gray teaches this comprehensive CSs course for beginners.. This video is made up of 24
tutorials that build upon each other, much like the chapters of a book. Throughout the lessons in
this video. I 've compiled all of these links into one Github resource that you will find in the
description. go ahead and download the version you need and if you need chrome download
that as well install the software and then come back to the video. the first thing we want to do is
create an index. Html file because once again we will apply our CSs to Html.. live server is a
development environment that simulates a web server and that 's what live server does for you
so go ahead and install that once you have that installed. live server will let us not only launch
our Html and CSs but anytime we make. A change in save it will immediately reload just as if it
's on a web..
style as an attribute is an attribute, and now we do n't need a selector which is what the p is up
here. This is selecting the paragraph. We already know it's being applied to a paragraph. So
here I 'll just say color and I 'm learning CSs again and the final way to apply CSs inside an. html
document is with inline CSs. This is really not the way to do it. Though. CSs is using the
American spelling of color. There could be other English words that are different but notice how
visual studio code knows there 's already a problem here and if i save this purple is not applied
to our document. It 's back to the default black text, so we need to spell things with American
English without the U in color. CSs validation service from W3c that 's the world wide web.
Consortium. there are three levels of selectors in CSs selectors that are the most common.. The
most common is an element selector and the second type of selector is a class selector. this is
due to inheritance, so these other elements actually inherited from the body element and we 'll
get more into inheritance in just a little bit too..
classes are the most common type of selector with CSs, but the more specific selector yet is an
id selector.. IdS should only exist once in an Html document they should be unique. In other
words, however, it is not good practice to really use Ids inside of your CSs. Now it will validate
your code has no problem Using an id. the universal selector is the universal selector and this
means it's selecting everything on the page. it selects everything in order to select an element
that 's inside another element. So let 's start with our paragraph elements again and now we 'll
look for any span element inside any paragraph element. this would keep our CSs much more
organized and actually more reusable. It's more flexible this way because we might have some
span elements doing other things that we did N't want to apply this rule. Set to. CSs works like a
waterfall. It works from the top down and that means if I were to put in another definition. I 'll just
copy this down for paragraph. CSs knows these rule sets exist for paragraph, but it also knows
it should follow what is the most specific using rules of specificity..
inclusion is where another element inherits the settings from or the properties from its parent
element. anything related to font or typography is inherited and that can include things like color
line height alignment alignment. any properties that are not related to those things are not
