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

11 Span 2 Listing 15-1 Listing 15-1 Click me! Then click me again!

12 Дърво Listing 15-2 Listing 15-2

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
Welcome to Dynamic Styles
Letter Spacing
"> Разстояние – редове – със стил <HTML><HEAD> Style Demonstration Style Demonstration </HEAD> <DIV STYLE=

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