Sample BookCss

3. Copyright© 2009-2012 -SYSTEM- All rights reserved 3/32
ΠΕΡΙΕΧΟΜΕΝΑ
Μάθημα 1:
3 New - Save
Μάθημα 2:
3 Εισαγωγή στη CSS
Μάθημα 3:
3 Τρόπος Σύνταξης
Μάθημα 4:
3 Σχόλια
Μάθημα 5:
3 ID
Μάθημα 6:
3 Class
Μάθημα 7:
3 Background Color
Μάθημα 8:
3 Background Image
Μάθημα 9:
3 Background Image Repeat
Μάθημα 10:
3 Background Image Position
Μάθημα 11:
3 Background Image Attachment
Μάθημα 12:
3 Text Color
Μάθημα 13:
3 Text Align
Μάθημα 14:
3 Text Decoration
Μάθημα 15:
3 Text Transform
Μάθημα 16:
3 Text Direction
Μάθημα 17:
3 Text Indent
Μάθημα 18:
3 Text Font Family
Μάθημα 19:
3 Text Font Style
Μάθημα 20:
3 Text Font Size
Μάθημα 21:
3 Style Hyperlinks
Μάθημα 22:
3 Style Hyperlinks background Color
Μάθημα 23:
3 Style Hyperlinks Text Decoration
Μάθημα 24:
3 List Style Type
Μάθημα 25:
3 List Style Type Circle & Square
Μάθημα 26:
3 Photoshop Save for Web

4. Copyright© 2009-2012 -SYSTEM- All rights reserved 4/32
Μάθημα 27:
3 List Style Image
Μάθημα 28:
3 List Style Position
Μάθημα 29:
3 Table Boarder
Μάθημα 30:
3 Table Boarder Collapse
Μάθημα 31:
3 Table Width
Μάθημα 32:
3 Table Align
Μάθημα 33:
3 Table Background Color
Μάθημα 34:
3 Table Padding Table
Μάθημα 35:
3 CSS Model Box
Μάθημα 36:
3 Model Box
Μάθημα 37:
3 Width – Height Element Paragraph
Μάθημα 38:
3 DocType
Μάθημα 39:
3 Boarder Style
Μάθημα 40:
3 Boarder Width Color
Μάθημα 41:
3 Navigation Bars & List Oflinks
Μάθημα 42:
3 Navigation Bar List – Style – Type -
None
Μάθημα 43:
Navigation Bar List Background Color
Block
Μάθημα 44:
Navigation Bar Display Inline
Μάθημα 45:
3 Navigation Bar Float
Μάθημα 46:
3 Navigation Bar - Interactive Bar
Μάθημα 47:
Μάθημα 48:
3 Image Gallery
Μάθημα 49:
3 Image Opacity
Μάθημα 50:
3 Image Box - Transbox
Μάθημα 51:
Grouping Selectors

5. Copyright© 2009-2012 -SYSTEM- All rights reserved 5/32
ΚΕΦΑΛΑΙΟ 1 - 2
NEW/ SAVE – ΕΙΣΑΓΩΓΗ ΣΤΗ CSS
Η CSS (Cascading Style Sheets-Διαδοχικά Φύλλα Στυλ) ή ( αλληλουχία φύλλων στύλ ) είναι
μια γλώσσα υπολογιστή που ανήκει στην κατηγορία των γλωσσών φύλλων στυλ που
χρησιμοποιείται για τον έλεγχο της εμφάνισης ενός εγγράφου που έχει γραφτεί με μια
γλώσσα σήμανσης. Χρησιμοποιείται δηλαδή για τον έλεγχο της εμφάνισης ενός
εγγράφου που γράφτηκε στις γλώσσες HTML και XHTML, δηλαδή για τον έλεγχο της
εμφάνισης μιας ιστοσελίδας και γενικότερα ενός ιστοτόπου. Η CSS είναι μια γλώσσα
υπολογιστή προορισμένη να αναπτύσσει στυλιστικά μια ιστοσελίδα δηλαδή να
διαμορφώνει περισσότερα χαρακτηριστικά, χρώμματα, στοίχιση και δίνει περισσότερες
δυνατότητες σε σχέση με την html. Για μια όμορφη και καλοσχεδιασμένη ιστοσελίδα η
χρήση της CSS κρίνεται ως απαραίτητη.
ΚΕΦΑΛΑΙΟ 3
ΤΡΟΠΟΣ ΣΥΝΤΑΞΗΣ CSS
Ένας κανόνας CSS έχει δύο κύρια μέρη: έναν επιλογέα, και μία ή περισσότερες δηλώσεις. Ο
επιλογέας είναι συνήθως το στοιχείο που θέλετε να έχει στυλ. Κάθε δήλωση αποτελείται από
μία αγκύλη και μια τιμή. Μια δήλωση CSS τελειώνει πάντα με ένα ερωτηματικό, και οι ομάδες
δήλωση περιβάλλονται από αγκύλες.
Παράδειγμα CSS
Μια δήλωση CSS τελειώνει πάντα με ένα ερωτηματικό, και οι ομάδες δήλωση περιβάλλονται
από αγκύλες:
p {color:blue;font-size:12;}
Καλό είναι για το CSS κάθε δήλωση να είναι σε μια ξεχωριστεί γραμμή.
p
{
color:blue;
font-size:12;
}