Welcome to the

Web Design Class !

Develop of Universal Software & Research Association http://dusrasoft.com

Css Course Outline

Develop of Universal Software & Research Association http://dusrasoft.com

 CSS
Class-5

Develop of Universal Software & Research Association http://dusrasoft.com

 Follow Note
 Discuses previous Class
 Show home task
 Show problem
 Fix the problem
 Start running class

Note: Every home work will be check

either home work punishment will be
accept
Develop of Universal Software & Research Association http://dusrasoft.com
Chapter #10: CSS Pseudo Elements

What are Pseudo-elements?

A CSS pseudo-element is used to style specified parts of an
element.
For example, it can be used to:
 Style the first letter, or line, of an element
 Insert content before, or after, the content of
an element

Develop of Universal Software & Research Association http://dusrasoft.com

CSS Pseudo element
selector::pseudo-element {
  property:value;
}

Develop of Universal Software & Research Association http://dusrasoft.com

CSS Pseudo element List

Develop of Universal Software & Research Association http://dusrasoft.com

 CSS :before 
::before {
  css declarations;
}

Develop of Universal Software & Research Association http://dusrasoft.com

 CSS :after 
::after {
  css declarations;
}

Develop of Universal Software & Research Association http://dusrasoft.com

CSS :first-line
::first-line {
  css declarations;
}

Develop of Universal Software & Research Association http://dusrasoft.com

CSS :first-letter
::first-letter {
  css declarations;
}

Develop of Universal Software & Research Association http://dusrasoft.com

Chapter #11: CSS Display Property

none
inline
block
inline-block

Develop of Universal Software & Research Association http://dusrasoft.com

CSS :display none
p{
  display:none;
}

Develop of Universal Software & Research Association http://dusrasoft.com

CSS :display inline
p{
  display:inline;
}

Develop of Universal Software & Research Association http://dusrasoft.com

CSS :display block
p{
  display:block;
}

Develop of Universal Software & Research Association http://dusrasoft.com

CSS :display inline-block
p{
  display:inline-block;
}

Develop of Universal Software & Research Association http://dusrasoft.com

Chapter #12: CSS visibility opacity overflow

CSS :visibility
visibility: visible|hidden|collapse|initial|inherit ;

Develop of Universal Software & Research Association http://dusrasoft.com

 CSS :opacity
opacity: number|initial|inherit;

Develop of Universal Software & Research Association http://dusrasoft.com

 CSS :overflow
overflow: visible|hidden|scroll|auto|initial|inherit;

Develop of Universal Software & Research Association http://dusrasoft.com

Chapter #13: CSS Float clear

CSS :float
float: none|left|right|initial|inherit;

Develop of Universal Software & Research Association http://dusrasoft.com

 CSS :clear
clear: none|left|right|both|initial|inherit;

Develop of Universal Software & Research Association http://dusrasoft.com

 Overview the class

Develop of Universal Software & Research Association http://dusrasoft.com

 Give the home task

Develop of Universal Software & Research Association http://dusrasoft.com

See Will Next Chapter

Develop of Universal Software & Research Association http://dusrasoft.com