Cascading Style Sheets, τις περισσότερες φορές με την συντομογραφία CSS, είναι μια stylesheet γλώσσα όπου χρησιμοποιείται για να περιγράψει την παρουσίαση ενός εγγράφου γραμμένου σε HTML ή XML ( συμπεριλαμβανομένου διαφόρων ειδών XML γλώσσες όπως SVG ή XHTML). Η CSS περιγράφει το πώς το δομημένο στοιχείο θα πρέπει να εμφανίζεται στην οθόνη, σε χαρτί, στην ομιλία, ή σε άλλα μέσα ενημέρωσης.
Η CSS είναι μια από τις βασικές γλώσσες του ανοικτού διαδικτύου και έχει μια τυποποιημένη W3C ιδιότητα. Αναπτύχθηκε σε επίπεδα, η CSS1 είναι πλέον παρωχημένη, η CSS2.1 συστήνεται και η CSS3, οι οποίες χωρίζονται σε μικρότερες ενότητες.
- CSS Αναφορές
Μια λεπτομερής αναφορά για έμπειρους προγραμματιστές, περιγράφοντας κάθε ιδιότητα και έννοια της CSS.
- CSS Παραδείγματα
Βήμα-βήμα παραδείγματα για βοήθεια αρχάριων προγραμματιστών για το ξεκίνημα τους. Περιέχει όλες τις απαραίτητες βασικές αρχές.
- CSS3 Επίδειξη
Συλλογή από παρουσιάσεις, παρουσιάσεις τελευταίων CSS τεχνολογιών. Ώθηση για δημιουργικότητα.
Τεκμηρίωση και προγράμματα εκμάθησης
- Βασικές έννοιες CSS
- Περιγράφει τη σύνταξη και τις δομές της γλώσσας και εισάγει βασικά στοιχεία όπως η εξειδίκευση και η κληρονομικότητα, το μοντέλο box και το margin collapsing, stacking και block-formatting πλαίσια, ή τις initial, computed, used και actual αξίες. Ορίζονται επίσης οντότητες όπως οι CSS shorthand properties.
- CSS developer guide
- Articles to help you learn CSS techniques to make your content shine.
- Common CSS questions
- Answers to common questions about CSS.
Εργαλεία για CSS ανάπτυξη
- The W3C CSS Validation Service checks if a given CSS is valid. The service at OnlineWebCheck.com also does the same. These are invaluable debugging tools.
- Firefox Developer Tools allow viewing and editing live CSS of a page via the Inspector and Style Editor tools.
- Firebug extension for Firefox, a popular extension of that navigator that allows to edit live CSS on watched sites. Very practical to test some changes, though this extension does much more.
- Web Developer extension for Firefox also allows to watch and edit live CSS on watched sites. Simpler than Firebug, though less powerful.
- EditCSS extension for Firefox allows editing CSS in the sidebar.
Νέα
- CSS Text-decoration Level 3 reached the Candidate Recommandation status, defining that the
text-decoration-*
andtext-emphasis-*
properties. The long knowntext-shadow
is also defined in it. (August 1st, 2013) - Gecko's now support
background-origin
: local
. It will be available from Firefox 25 (and already is in Nightly). (July 25th, 2013) - Pointer Events reached the Candidate Recommandation status, meaning that the CSS property
touch-action
, currently only implemented in IE10 (with the-ms-
prefix), is no more experimental. (May 6th, 2013) - Gecko's support of flexible boxes has been adapted to match a recent specification clarification: from Firefox 23
::before
and::after
will be flex items, and as such can be repositioned usingorder
andalign-self
. (May 3rd, 2013)
Σχετικά Άρθρα
- Mozilla Learn CSS resources.
- Open Web languages on which CSS is often applied: HTML, SVG, XHTML, XML.
- Mozilla technologies which make extensive use of CSS: XUL, Firefox and Thunderbird extensions and themes.