Scribd
Upload
50 views31 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
50 views31 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
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