Ad
More Related Content
Viewers also liked (20)
More from George Exarchopoulos (20)
Ad
Recently uploaded (20)
Ad
Sample css
- 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; }