Presentation is loading. Please wait.

Presentation is loading. Please wait.

CSS Евгения Ковачева. BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 11pt; BACKGROUND: #ffffff; PADDING-BOTTOM:

Similar presentations


Presentation on theme: "CSS Евгения Ковачева. BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 11pt; BACKGROUND: #ffffff; PADDING-BOTTOM:"— Presentation transcript:

1 CSS Евгения Ковачева

2 BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 11pt; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 10px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #800080; COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #800080; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #ffffff; FONT-FAMILY: "Verdana", sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #ffffff }

3 TABLE { BORDER-RIGHT: gray 0px solid; BORDER-TOP: gray 0px solid; MARGIN: 0px; BORDER-LEFT: gray 0px solid; BORDER-BOTTOM: gray 0px solid; border-spacing: 0px; hight: 95% }

4 TD { BORDER-RIGHT: gray 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: gray 0px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; BORDER-LEFT: gray 0px solid; BORDER-BOTTOM: gray 0px solid; border-spacing: 0px }

5 IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 3px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px }

6 fonts h1 { color: #800080; font-family : verdana, arial; font-size: 14px; } h2 { color: #333333; font-family :verdana, arial; font-size: 12px; } P { color: #006600; font-family : arial, verdana; font-size: 12px; text-align : left; }

7 lists OL { color: #006600; font-family : arial, verdana; font-size: 12px; } UL { color: #006600; font-family : arial, verdana; font-size: 12px; }

8 links A:link { color: #800080; font-family: verdana, arial; font- size: 12px; text-decoration: none;} A:visited { color: #800080; font-family: verdana, arial; font-size: 12px; text-decoration: none;} A:active { color: #000000; font-family: verdana, arial; font-size: 12px; text-decoration: none;} A:hover { color: #006600; font-family: verdana, arial; font-size: 12px; text-decoration: none;}

9 Примери

10 Span 1 Listing 15-4 Listing 15-4 SPAN {position:absolute} SPAN {position:absolute} function moveSpans(){ Span1.style.top=15 Span1.style.top=15 Span2.style.posTop=Span2.style.posT op+1 Span2.style.posTop=Span2.style.posT op+1 Span3.style.left=10 Span3.style.left=10 Span4.style.top=window.event.y Span4.style.top=window.event.y Span5.style.posLeft=window.event.x Span5.style.posLeft=window.event.x Span6.style.pixelTop=window.event.x Span6.style.pixelTop=window.event.x Span6.style.posLeft=window.event.y Span6.style.posLeft=window.event.y} First Span First Span Second Span Second Span Third Span Third Span Fourth Span Fourth Span Fifth Span Fifth Span Sixth Span Sixth Span First Span First Span Second Span Second Span Third Span Third Span Fourth Span Fourth Span Fifth Span Fifth Span Sixth Span Sixth Span ", "description": "Span 1 Listing 15-4 Listing 15-4 SPAN {position:absolute} SPAN {position:absolute} function moveSpans(){ Span1.style.top=15 Span1.style.top=15 Span2.style.posTop=Span2.style.posT op+1 Span2.style.posTop=Span2.style.posT op+1 Span3.style.left=10 Span3.style.left=10 Span4.style.top=window.event.y Span4.style.top=window.event.y Span5.style.posLeft=window.event.x Span5.style.posLeft=window.event.x Span6.style.pixelTop=window.event.x Span6.style.pixelTop=window.event.x Span6.style.posLeft=window.event.y Span6.style.posLeft=window.event.y} First Span First Span Second Span Second Span Third Span Third Span Fourth Span Fourth Span Fifth Span Fifth Span Sixth Span Sixth Span ", "width": "800" }

11 Span 2 Listing 15-1 Listing 15-1 Click me! Then click me again! Click me. Then click me again. .", "width": "800" }

12 Дърво Listing 15-2 Listing 15-2 .", "width": "800" }

13 дърво Section 1 Section 1 Chapter 1 Chapter 1 Section 2 Section 2 Chapter 2 Chapter 2 Chapter 3 Chapter 3 Chapter 4 Chapter 4 Chapter 5 Chapter 5 Section 3 Section 3 Chapter 6 Chapter 6 Chapter 7 Chapter 7 Chapter 8 Chapter 8 Chapter 9 Chapter 9 Chapter 10 Chapter 10

14 Разстояние – редове – без стил No-Style Demonstration No-Style Demonstration Absolute Positioning
Welcome to Dynamic Styles
Letter Spacing

15 Разстояние – редове – със стил Style Demonstration Style Demonstration

Absolute Positioning
Welcome to Dynamic Styles
Letter Spacing

16 край


Download ppt "CSS Евгения Ковачева. BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 11pt; BACKGROUND: #ffffff; PADDING-BOTTOM:"

Similar presentations


Ads by Google