Scribd
Upload
41 views

Welcome To The: Web Design Class !

The document outlines the topics that will be covered in a CSS class, including CSS background properties, box-sizing, and text properties. It provides information and examples of properties like background-color, background-image, text-align, and others. At the end, it mentions giving students homework and continuing to the next chapter.

Uploaded by

Sakebul Islam
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
41 views

Welcome To The: Web Design Class !

The document outlines the topics that will be covered in a CSS class, including CSS background properties, box-sizing, and text properties. It provides information and examples of properties like background-color, background-image, text-align, and others. At the end, it mentions giving students homework and continuing to the next chapter.

Uploaded by

Sakebul Islam
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 31

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-2

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 #2: CSS Background
CSS background properties:

background-color
background-image
background-repeat
background-position
background-attachment
background-size

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


background-color
background-color: color | transparent | initial | inherit;

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


background-image
background-image: url |none | initial | inherit;

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


background-repeat
background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

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


background-position
background-position: value;
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

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


background-attachment
background-attachment: scroll|fixed|local|initial|inherit;

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


background-size
background-size: auto|length|cover|contain|initial|inherit;

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


background-shorthand  property

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-


attachment initial|inherit;

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


Chapter #3: CSS Box-Sizing

CSS box-sizing properties:

box-sizing: content-box|border-box|initial|inherit;

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


Chapter #4: CSS Text-Properties
color text-shadow
direction text-transform
letter-spacing text-overflow
line-height unicode-bidi
text-align vertical-align
text-decoration white-space
text-indent word-spacing

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


color
color: color|initial|inherit;

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


direction
direction: ltr|rtl|initial|inherit

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


letter-spacing
letter-spacing: normal|length|initial|inherit;

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


line-height
line-height: normal|number|length|initial|inherit;

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


text-align
text-align: left|right|center|justify|initial|inherit;

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


text-decoration
text-decoration: text-decoration-line text-decoration-color text-decoration-style|
initial|inherit;

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


text-indent
text-indent: length|initial|inherit;

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


text-shadow
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;

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


text-transform
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

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


text-overflow
text-overflow: clip|ellipsis|string|initial|inherit;

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


unicode-bidi
unicode-bidi: normal|embed|bidi-override|initial|inherit;

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


vertical-align
vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|
inherit;

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


white-space
white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

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


word-spacing
word-spacing: normal|length|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

You might also like