SlideShare a Scribd company logo

Class 8: Span Tags, Pseudo Selectors, Margins and Paddings

•Download as PPTX, PDF•
•
J
Jiyeon Lee

<span> tags are used for inline elements that can be introduced into a page without causing line breaks, while <div> tags are used for block-level elements that add line breaks. CSS pseudo-classes like :link, :visited, :hover, and :active can be used to style unvisited, visited, hovered over, and active links. Margins and paddings are properties that control the space around elements.

1 of 4
Class 8
Span Tags block-level elements (e.g. h1, p) add line breaks around themselves, while inline elements (like em, strong) can be introduced into a page without causing too much disruption. <div> is used for block-level elements <span> is used for inline level elements
Pseudo Selector a:link {color:#FF0000;} /* unvisited link */ a:visited {color:#00FF00;} /* visited link */ a:hover {color:#FF00FF;} /* mouse over link */ a:active {color:#0000FF;} /* selected link */
Margins and Paddings

Recommended

Table tags 2
Table tags 2Table tags 2
Table tags 2cherrybear2014
 
Class seven english 2nd class-7-gender-c
Class seven english 2nd class-7-gender-cClass seven english 2nd class-7-gender-c
Class seven english 2nd class-7-gender-cCambriannews
 
Class seven what happens in bangladesh
Class seven what happens in bangladeshClass seven what happens in bangladesh
Class seven what happens in bangladeshCambriannews
 
Class seven english 2nd class-7-nouns-c
Class seven english 2nd class-7-nouns-cClass seven english 2nd class-7-nouns-c
Class seven english 2nd class-7-nouns-cCambriannews
 
Class seven english 2nd class-7-conjunction-c
Class seven english 2nd class-7-conjunction-cClass seven english 2nd class-7-conjunction-c
Class seven english 2nd class-7-conjunction-cCambriannews
 
Class seven english 2nd class-7-number-c
Class seven english 2nd class-7-number-cClass seven english 2nd class-7-number-c
Class seven english 2nd class-7-number-cCambriannews
 
Class seven suman eng 2nd_class_6-article
Class seven suman eng 2nd_class_6-articleClass seven suman eng 2nd_class_6-article
Class seven suman eng 2nd_class_6-articleCambriannews
 
Class seven english 2nd class-7-conjugation
Class seven english 2nd class-7-conjugationClass seven english 2nd class-7-conjugation
Class seven english 2nd class-7-conjugationCambriannews
 

Recommended

Table tags 2
Table tags 2Table tags 2
Table tags 2cherrybear2014
 
Class seven english 2nd class-7-gender-c
Class seven english 2nd class-7-gender-cClass seven english 2nd class-7-gender-c
Class seven english 2nd class-7-gender-cCambriannews
 
Class seven what happens in bangladesh
Class seven what happens in bangladeshClass seven what happens in bangladesh
Class seven what happens in bangladeshCambriannews
 
Class seven english 2nd class-7-nouns-c
Class seven english 2nd class-7-nouns-cClass seven english 2nd class-7-nouns-c
Class seven english 2nd class-7-nouns-cCambriannews
 
Class seven english 2nd class-7-conjunction-c
Class seven english 2nd class-7-conjunction-cClass seven english 2nd class-7-conjunction-c
Class seven english 2nd class-7-conjunction-cCambriannews
 
Class seven english 2nd class-7-number-c
Class seven english 2nd class-7-number-cClass seven english 2nd class-7-number-c
Class seven english 2nd class-7-number-cCambriannews
 
Class seven suman eng 2nd_class_6-article
Class seven suman eng 2nd_class_6-articleClass seven suman eng 2nd_class_6-article
Class seven suman eng 2nd_class_6-articleCambriannews
 
Class seven english 2nd class-7-conjugation
Class seven english 2nd class-7-conjugationClass seven english 2nd class-7-conjugation
Class seven english 2nd class-7-conjugationCambriannews
 
Class seven english 2nd class-7-adverb-c
Class seven english 2nd class-7-adverb-cClass seven english 2nd class-7-adverb-c
Class seven english 2nd class-7-adverb-cCambriannews
 
Useful sentence connectors
Useful sentence connectorsUseful sentence connectors
Useful sentence connectorsMecheko Sha
 
L#04=concept of nouns
L#04=concept of nounsL#04=concept of nouns
L#04=concept of nounsMasum Bellah Shazib
 
Class six english 2nd paper preposition part 2
Class six english 2nd paper preposition part 2Class six english 2nd paper preposition part 2
Class six english 2nd paper preposition part 2Cambriannews
 
Rules on linking words
Rules on linking wordsRules on linking words
Rules on linking wordsMasum Bellah Shazib
 
Class seven suman eng2nd class_7-preposition
Class seven suman eng2nd class_7-prepositionClass seven suman eng2nd class_7-preposition
Class seven suman eng2nd class_7-prepositionCambriannews
 
Verb forms-and-tenses
Verb forms-and-tensesVerb forms-and-tenses
Verb forms-and-tensesArif Rahman
 
Right form of verb Presented by Monir Hossen
Right form of verb Presented by Monir Hossen Right form of verb Presented by Monir Hossen
Right form of verb Presented by Monir Hossen Monir Hossen
 
Class six english 2nd paper preposition 2
Class six english 2nd paper preposition 2Class six english 2nd paper preposition 2
Class six english 2nd paper preposition 2Cambriannews
 
Class six english 2nd paper exclamatory to assertive
Class six english 2nd paper exclamatory to assertive Class six english 2nd paper exclamatory to assertive
Class six english 2nd paper exclamatory to assertive Cambriannews
 
Class six english 2nd paper assertive to interrogative
Class six english 2nd paper assertive to interrogativeClass six english 2nd paper assertive to interrogative
Class six english 2nd paper assertive to interrogativeCambriannews
 
Class six english 2nd paper articles part 3
Class six english 2nd paper articles part 3Class six english 2nd paper articles part 3
Class six english 2nd paper articles part 3Cambriannews
 
Class six english 2nd paper hare and tortoise story presentation
Class six english 2nd paper hare and tortoise story presentationClass six english 2nd paper hare and tortoise story presentation
Class six english 2nd paper hare and tortoise story presentationCambriannews
 
Class six english 2nd paper noun
Class six english 2nd paper nounClass six english 2nd paper noun
Class six english 2nd paper nounCambriannews
 
Class six english 2nd paper article part 2
Class six english 2nd paper article part 2Class six english 2nd paper article part 2
Class six english 2nd paper article part 2Cambriannews
 
Class six english 2nd paper conjunction
Class six english 2nd paper conjunctionClass six english 2nd paper conjunction
Class six english 2nd paper conjunctionCambriannews
 
Class seven english 2nd c 9-verb-c
Class seven english 2nd c 9-verb-cClass seven english 2nd c 9-verb-c
Class seven english 2nd c 9-verb-cCambriannews
 
Class six english 2nd paper article part 1
Class six english 2nd paper article part 1Class six english 2nd paper article part 1
Class six english 2nd paper article part 1Cambriannews
 
L#12=completing sentence
L#12=completing sentenceL#12=completing sentence
L#12=completing sentenceMasum Bellah Shazib
 
Class six english 2nd paper preposition part 3
Class six english 2nd paper preposition part 3Class six english 2nd paper preposition part 3
Class six english 2nd paper preposition part 3Cambriannews
 
Cultural conflict resolution
Cultural conflict resolutionCultural conflict resolution
Cultural conflict resolutionJiyeon Lee
 
Class22
Class22Class22
Class22Jiyeon Lee
 

More Related Content

Viewers also liked

Class seven english 2nd class-7-adverb-c
Class seven english 2nd class-7-adverb-cClass seven english 2nd class-7-adverb-c
Class seven english 2nd class-7-adverb-cCambriannews
 
Useful sentence connectors
Useful sentence connectorsUseful sentence connectors
Useful sentence connectorsMecheko Sha
 
Class six english 2nd paper preposition part 2
Class six english 2nd paper preposition part 2Class six english 2nd paper preposition part 2
Class six english 2nd paper preposition part 2Cambriannews
 
Class seven suman eng2nd class_7-preposition
Class seven suman eng2nd class_7-prepositionClass seven suman eng2nd class_7-preposition
Class seven suman eng2nd class_7-prepositionCambriannews
 
Verb forms-and-tenses
Verb forms-and-tensesVerb forms-and-tenses
Verb forms-and-tensesArif Rahman
 
Right form of verb Presented by Monir Hossen
Right form of verb Presented by Monir Hossen Right form of verb Presented by Monir Hossen
Right form of verb Presented by Monir Hossen Monir Hossen
 
Class six english 2nd paper preposition 2
Class six english 2nd paper preposition 2Class six english 2nd paper preposition 2
Class six english 2nd paper preposition 2Cambriannews
 
Class six english 2nd paper exclamatory to assertive
Class six english 2nd paper exclamatory to assertive Class six english 2nd paper exclamatory to assertive
Class six english 2nd paper exclamatory to assertive Cambriannews
 
Class six english 2nd paper assertive to interrogative
Class six english 2nd paper assertive to interrogativeClass six english 2nd paper assertive to interrogative
Class six english 2nd paper assertive to interrogativeCambriannews
 
Class six english 2nd paper articles part 3
Class six english 2nd paper articles part 3Class six english 2nd paper articles part 3
Class six english 2nd paper articles part 3Cambriannews
 
Class six english 2nd paper hare and tortoise story presentation
Class six english 2nd paper hare and tortoise story presentationClass six english 2nd paper hare and tortoise story presentation
Class six english 2nd paper hare and tortoise story presentationCambriannews
 
Class six english 2nd paper noun
Class six english 2nd paper nounClass six english 2nd paper noun
Class six english 2nd paper nounCambriannews
 
Class six english 2nd paper article part 2
Class six english 2nd paper article part 2Class six english 2nd paper article part 2
Class six english 2nd paper article part 2Cambriannews
 
Class six english 2nd paper conjunction
Class six english 2nd paper conjunctionClass six english 2nd paper conjunction
Class six english 2nd paper conjunctionCambriannews
 
Class seven english 2nd c 9-verb-c
Class seven english 2nd c 9-verb-cClass seven english 2nd c 9-verb-c
Class seven english 2nd c 9-verb-cCambriannews
 
Class six english 2nd paper article part 1
Class six english 2nd paper article part 1Class six english 2nd paper article part 1
Class six english 2nd paper article part 1Cambriannews
 
Class six english 2nd paper preposition part 3
Class six english 2nd paper preposition part 3Class six english 2nd paper preposition part 3
Class six english 2nd paper preposition part 3Cambriannews
 

Viewers also liked (20)

Class seven english 2nd class-7-adverb-c
Class seven english 2nd class-7-adverb-cClass seven english 2nd class-7-adverb-c
Class seven english 2nd class-7-adverb-c
 
Useful sentence connectors
Useful sentence connectorsUseful sentence connectors
Useful sentence connectors
 
L#04=concept of nouns
L#04=concept of nounsL#04=concept of nouns
L#04=concept of nouns
 
Class six english 2nd paper preposition part 2
Class six english 2nd paper preposition part 2Class six english 2nd paper preposition part 2
Class six english 2nd paper preposition part 2
 
Rules on linking words
Rules on linking wordsRules on linking words
Rules on linking words
 
Class seven suman eng2nd class_7-preposition
Class seven suman eng2nd class_7-prepositionClass seven suman eng2nd class_7-preposition
Class seven suman eng2nd class_7-preposition
 
Verb forms-and-tenses
Verb forms-and-tensesVerb forms-and-tenses
Verb forms-and-tenses
 
Right form of verb Presented by Monir Hossen
Right form of verb Presented by Monir Hossen Right form of verb Presented by Monir Hossen
Right form of verb Presented by Monir Hossen
 
Class six english 2nd paper preposition 2
Class six english 2nd paper preposition 2Class six english 2nd paper preposition 2
Class six english 2nd paper preposition 2
 
Class six english 2nd paper exclamatory to assertive
Class six english 2nd paper exclamatory to assertive Class six english 2nd paper exclamatory to assertive
Class six english 2nd paper exclamatory to assertive
 
Class six english 2nd paper assertive to interrogative
Class six english 2nd paper assertive to interrogativeClass six english 2nd paper assertive to interrogative
Class six english 2nd paper assertive to interrogative
 
Class six english 2nd paper articles part 3
Class six english 2nd paper articles part 3Class six english 2nd paper articles part 3
Class six english 2nd paper articles part 3
 
Class six english 2nd paper hare and tortoise story presentation
Class six english 2nd paper hare and tortoise story presentationClass six english 2nd paper hare and tortoise story presentation
Class six english 2nd paper hare and tortoise story presentation
 
Class six english 2nd paper noun
Class six english 2nd paper nounClass six english 2nd paper noun
Class six english 2nd paper noun
 
Class six english 2nd paper article part 2
Class six english 2nd paper article part 2Class six english 2nd paper article part 2
Class six english 2nd paper article part 2
 
Class six english 2nd paper conjunction
Class six english 2nd paper conjunctionClass six english 2nd paper conjunction
Class six english 2nd paper conjunction
 
Class seven english 2nd c 9-verb-c
Class seven english 2nd c 9-verb-cClass seven english 2nd c 9-verb-c
Class seven english 2nd c 9-verb-c
 
Class six english 2nd paper article part 1
Class six english 2nd paper article part 1Class six english 2nd paper article part 1
Class six english 2nd paper article part 1
 
L#12=completing sentence
L#12=completing sentenceL#12=completing sentence
L#12=completing sentence
 
Class six english 2nd paper preposition part 3
Class six english 2nd paper preposition part 3Class six english 2nd paper preposition part 3
Class six english 2nd paper preposition part 3
 

More from Jiyeon Lee

Cultural conflict resolution
Cultural conflict resolutionCultural conflict resolution
Cultural conflict resolutionJiyeon Lee
 

More from Jiyeon Lee (20)

Cultural conflict resolution
Cultural conflict resolutionCultural conflict resolution
Cultural conflict resolution
 
Class22
Class22Class22
Class22
 
Class 21
Class 21Class 21
Class 21
 
Class 21
Class 21Class 21
Class 21
 
Class 20
Class 20Class 20
Class 20
 
Class19
Class19Class19
Class19
 
Class18
Class18Class18
Class18
 
Class 17
Class 17Class 17
Class 17
 
Class14
Class14Class14
Class14
 
Class15
Class15Class15
Class15
 
Class 12
Class 12Class 12
Class 12
 
Class13
Class13Class13
Class13
 
Class11
Class11Class11
Class11
 
Class 10
Class 10Class 10
Class 10
 
Class7
Class7Class7
Class7
 
Class6
Class6Class6
Class6
 
Class5
Class5Class5
Class5
 
Class4
Class4Class4
Class4
 
Class 3
Class 3Class 3
Class 3
 
Class2
Class2Class2
Class2
 

Class 8: Span Tags, Pseudo Selectors, Margins and Paddings

  • 2. Span Tags block-level elements (e.g. h1, p) add line breaks around themselves, while inline elements (like em, strong) can be introduced into a page without causing too much disruption. <div> is used for block-level elements <span> is used for inline level elements
  • 3. Pseudo Selector a:link {color:#FF0000;} /* unvisited link */ a:visited {color:#00FF00;} /* visited link */ a:hover {color:#FF00FF;} /* mouse over link */ a:active {color:#0000FF;} /* selected link */