Why learn CSS

 Styling the html tag

 Responsive website
 Animation on webpage
 2d and 3d transformation on webpage
 Website development process fast
THREE WAYS TO IMPLEMENT CSS

 Inline
 Extrnal
 Internal
THREE TYPE OF BASIC SELECTORS
By tag name
By class name
By id
BY TAG NAME
H1{
}
TABLE {
}
DIV {
}
BY CLASS
. HEADER {
}
. FOOTER {
}

CLASS SELECTOR NAME SPECIFICATION

. HEADER {
}
.LIST-MENU
{
}
.LIST_MENU
{
}
.LISTMENU
{
}

DESCENDANT SELECTOR
#HEADER H1{
}
#UL LI{
}
#SECTION P{

}
BORDER PROPERTIES

Border-width
Border-style
Border-color
Video provides a powerful way to help you prove
your point. When you click Online Video, you can
paste in the embed code for the video you want to
add. You can also type a keyword to search online
for the video that best fits your document.
Border-width:2px
Border-style: solid
Borde-rcolor: red
Shorthand

BORDER STYLE

 Solid
 Dotted
 Dashed
 Double
 Groove
 Ridge
 Inset
 Outset
  None
 Mix

CSS BORDER SIDES

 Border-top
 Border-bottom
 Border-left
 Border-right