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
